﻿// JavaScript Document
var _colors = new Array('#908f8f', '#a5a6a6', '#bfbfbf', '#d5d5d5', '#e5e5e5');
var event_news_height, _liNum, startWord = 3, _caseCount = 0, _IntervalhiddenWord, _IntervalshowWord, _div, scroller, scrollbar;
var show = function (id, hiddenid){
	if(!_div){
		_div = document.getElementById("enContent").getElementsByTagName("div")[0];
	}
	document.getElementById(hiddenid + "_Tab").className = "hiddening";
	document.getElementById(hiddenid + "_Div").style.display = "none";
	document.getElementById(id + "_Tab").className = "showing";
	document.getElementById(id + "_Div").style.display = "block";
	document.getElementById("EventAndNewsSeeAll").href = "/about/" + id.toLowerCase() + "/";
	event_news_height = _div.offsetHeight;
	_div.style.top = "0px";
	if(_div.offsetHeight < 270){
	   document.getElementById("Scrollbar-Container").style.visibility = "hidden";
	}else{
		scroller = new Scrolling.Scroller(_div, 335, 270);
		scrollbar = new Scrolling.Scrollbar(document.getElementById("Scrollbar-Container"), scroller, new Scrolling.ScrollTween());
		document.getElementById("Scrollbar-Container").style.visibility = "visible";
	}	
}
var hiddenWord = function(){
	_IntervalhiddenWord = setInterval(function(){conceal(1);}, 100);
}
var showWord = function(){
	_IntervalshowWord = setInterval(function(){conceal(-1);}, 100);
}
var conceal = function(step){
	if(startWord > 3){
		clearInterval(_IntervalhiddenWord);
		document.getElementById('words').getElementsByTagName('li')[_caseCount].style.display = 'none';
		_caseCount = (_caseCount + 1) % _liNum;
		document.getElementById('words').getElementsByTagName('li')[_caseCount].style.color = '#e5e5e5';
		document.getElementById('words').getElementsByTagName('li')[_caseCount].style.display = 'block';
		startWord = 3;
		showWord(_caseCount);			
		return;
	}else if(startWord < 0){
		clearInterval(_IntervalshowWord);
		startWord = 0;
		_IntervalhiddenWord = setTimeout(hiddenWord, 4500);
		return;
	}
	document.getElementById('words').getElementsByTagName('li')[_caseCount].getElementsByTagName('a')[0].style.color = _colors[startWord];
	startWord += step;	
}

var showRandomProduct = function() {
	var lis = document.getElementById("Product").getElementsByTagName("li");
	var div = Math.floor(Math.random() * 3)+1;
	lis[0].style.display = "block";
	lis[div].style.display = "block";
	lis[4].style.display = "block";
}
var xmlHttpEvent;
function getHomeEvent(){
	xmlHttpEvent = myAjax.InitAjax();
	myAjax.POST2("event=1", '/toolkit/homeEvent.php', c_getHomeEvent, xmlHttpEvent);
}

function c_getHomeEvent(){
	if (xmlHttpEvent.readyState == 4 && xmlHttpEvent.status == 200){
		document.getElementById('Events_Div_inner').innerHTML = xmlHttpEvent.responseText;
		show("Events", "News");
	}
}
var xmlHttpNews;
function getHomeNews(){
	xmlHttpNews = myAjax.InitAjax();
	myAjax.POST2("news=1", '/toolkit/homeEvent.php', c_getHomeNews, xmlHttpNews);	
}
function c_getHomeNews(){
	if (xmlHttpNews.readyState == 4 && xmlHttpNews.status == 200){
		document.getElementById('News_Div_inner').innerHTML = xmlHttpNews.responseText;
	}
}

var mousePos;
var div, rate, start, end, speed = 40, moveNow;
var _steps  = [0,25,50,70,85,95,97,99,100];
var _inc;
var _value = [];
var _left;
var count = 0;
function bindMouseMove() {
	addEvent(div, 'mousemove', mouseMove);
}
function removeMouseMove() {
	clearInterval(moveNow);
	removeEvent(div, 'mousemove', mouseMove);
	_inc = 100;	
}

function getWidth(){
	var imgs = div.getElementsByTagName("img");
	var divlength = 0;
	for(var i =0; i < imgs.length; i ++){divlength += 20 + imgs[i].width;}
	return divlength;
}
function getLeft(o){
	for(var t = 0; o.offsetParent; o = o.offsetParent)
		t += o.offsetLeft;
	return t;
}
function mouseMove(ev){
		ev=ev||window.event;
		mousePos = mouseCoords(ev);
		movePic();
}
function mouseCoords(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,y:ev.clientY + document.documentElement.scrollTop - document.body.clientTop};}
function movePic(){
	end = (mousePos.x - start )*rate;
	_inc = 0;
	for(var i = 0; i < _steps.length; i++){		
		_value[i] = _left + Math.round((end - _left) * _steps[i] / 100);
	}
	moveNow = setInterval(
		function(){
			if(_inc >= _steps.length - 1){
				clearInterval(moveNow);
			}else{
					_left = _value[_inc++];
					div.style.left = "-" + _left + "px";
			}
		}, speed);
}

var initHome = function(){	
	_liNum = document.getElementById('words').getElementsByTagName('li').length;
	showWord();
	div = document.getElementById("Customer2").getElementsByTagName("p")[0];
	rate = getWidth() / 695 - 1;
	if(rate <= 0)return;
	start = getLeft(div);
	_left = 0;
	div.left = "0px";
	addEvent(div, "mouseover", bindMouseMove);
	addEvent(div, "mouseout", removeMouseMove);
}