var cookieValue  = getCookie('skinStyle') || document.getElementById('skinStyle')["href"];
document.getElementById('skinStyle')["href"] = cookieValue;

window.onload = function(){
	var closeArg ;
	var links = document.getElementById('menu').getElementsByTagName('A');
	var boxs = YAHOO.util.Dom.getElementsByClassName("box", "DIV", "serviceList");
	var hidden = {opacity: {from:1,to:0}};
	var show = {opacity: {from:0,to:1}};
	var last = null, t = null, w = null;
	YAHOO.util.Dom.setStyle(boxs, "display", "none");
	YAHOO.util.Dom.setStyle(boxs, "opacity", "0");
	var currentLink = null;
	for(var i = 0 ; i < links.length; i++){
		links[i].onmouseover = function(){
			if(w != null){
				clearTimeout(w);
			}
			var _this = this;
			var targetBoxClass = _this.id;
			if(currentLink != null){
				var tmp = currentLink;
				window.setTimeout(function(){
					tmp.className = '';
				}, 500);
			}
			currentLink = _this;
			w = setTimeout(function(){
				showBox(targetBoxClass,_this,'show');
				w = null;
				last = _this;
			}, 500);
		};
	}
	document.body.onclick = function(){
		if(currentLink == null){
			return;
		}
		currentLink.className = '';
		var targetBoxClass = currentLink.id;
		showBox(targetBoxClass,currentLink,'hide');
	};
	function showBox(objClass,link,op) {
		if(op=='show') {
			link.className = 'hover';
			for(var i = 0 ; i < boxs.length; i++){
				if(boxs[i].className.indexOf(objClass) > -1){
					if(YAHOO.util.Dom.getStyle(boxs[i], "display") != "none"){
						return;
					}
					YAHOO.util.Dom.setStyle(boxs[i], "display", "block");
					YAHOO.util.Dom.setStyle(boxs[i], "opacity", "0");
					var fadeIn = new YAHOO.util.Anim(boxs[i], show, 0.4);
					fadeIn.animate();
				} else if(boxs[i].className.indexOf('box') > -1){
					var fadeOut = new YAHOO.util.Anim(boxs[i], hidden, 0.2);
					fadeOut.animate();
					YAHOO.util.Dom.setStyle(boxs[i], "display", "none");
					YAHOO.util.Dom.setStyle(boxs[i], "opacity", "0");
				}
			};
		} else {
			currentLink.className = '';
			YAHOO.util.Dom.setStyle(boxs, "display", "none");
			YAHOO.util.Dom.setStyle(boxs, "opacity", "0");
		}
	}
	
	/*选择皮肤下拉餐单*/
	var _skinsList = document.getElementById('skinsList');
	var _changeSkin = document.getElementById('changeSkin');
	var over = null;
	
	_changeSkin.onmouseover = function(){
		if (over != null) {
			window.clearTimeout(over);
			over = null;
		}
		else {
			_skinsList.className = 'onDown';
			_skinsList.style.display = 'block';
			closeArg = true;
		}
		return false;
	};
	
	_changeSkin.onmouseout = function(){
		over = window.setTimeout(function(){
			_skinsList.className = '';
			_skinsList.style.display = 'none';
			closeArg = false;
			over = null;
		},500);
		return false;
	};
	
	_skinsList.onmouseover = function(){
		if(over != null){
			window.clearTimeout(over);
			over = null;
		}
	};
	
	_skinsList.onmouseout = function(){
		over = window.setTimeout(function(){
			_skinsList.className = '';
			_skinsList.style.display = 'none';
			closeArg = false;
			over = null;
		},500);
	};
	
	_skinsList.onfocus = function(){ _skinsList.blur();};
	
	function closeSkinList () {
		if(closeArg) {
			_skinsList.style.display = 'none';
			_skinsList.className = '';
		}
	}
	
	var _aLinks = _skinsList.getElementsByTagName("UL")[0].getElementsByTagName("A");
	var pre = null;
	for(var i = 0; i < _aLinks.length; i++){
		if(_aLinks[i].href == cookieValue ){
			_aLinks[i].className = 'current';	
		}
		if(_aLinks[i].className  == 'current') {
			pre = _aLinks[i];
		}
		_aLinks[i].onclick = function(){						   
			skinUrl = this.href;
			document.getElementById('skinStyle').href = skinUrl;	
			pre.className = '';
			this.className = 'current';
			setCookie('skinStyle',skinUrl,365);
			pre = this;
			return false;
		}
	}
}