// JavaScript Document
var ulHeight = new Array();

$(document).ready(function(){
	
	$("a[href='#close']").click(function(){
		alert('活動尚未開放!');
		return false;
	});

	//左方按鈕
	$(".btn").mouseover(function(){
		clearTimeout(openSlidebarId);
		clearTimeout(openSlidebarUlId);
		clearTimeout(closeSlidebarId);
		clearTimeout(closeSlidebarUlId);
		
		var i = $(".btn").index(this);	
		var overLen = $(".btn .btn-over").length;
		var closeObj = ".btn:gt("+i+") .btn-over, .btn:lt("+i+") .btn-over";
		var closeObjUl = ".btn:gt("+i+") ul, .btn:lt("+i+") ul";
		
		//if(overLen > 4) {
			//closeSlidebar(closeObj);
			//openSlidebarId = setTimeout("openSlidebar("+i+")", 10);
		//} else {
			closeSlidebarUl(closeObjUl);
			setTimeout("closeSlidebar('"+closeObj+"')", 10)
			openSlidebarId = setTimeout("openSlidebar("+i+")", 10);
			openSlidebarUlId = setTimeout("openSlidebarUl("+i+")", 10);
		//}
	});
	
	$("#close-menu").mouseleave(function(){
		var overLen = $(".btn .btn-over").length;
		//if(overLen > 4) {
			//clearTimeout(openSlidebarId);
			//var closeObj = ".btn .btn-over";
			//closeSlidebar(closeObj);
		//} else {
			clearTimeout(openSlidebarId);
			clearTimeout(openSlidebarUlId);
			var closeObj = ".btn .btn-over";
			var closeObjUl = ".btn ul";
			closeSlidebarUlId = setTimeout("closeSlidebarUl('"+closeObjUl+"')", 20);
			closeSlidebarId = setTimeout("closeSlidebar('"+closeObj+"')", 20);
		//}
	});

	$(".btn ul").mouseover(function(){
		clearTimeout(closeSlidebarUlId);
		clearTimeout(closeSlidebarId);
	}).mouseleave(function(){
		clearTimeout(openSlidebarId);
		var closeObj = ".btn .btn-over";
		var closeObjUl = ".btn ul";
		closeSlidebarUlId = setTimeout("closeSlidebarUl('"+closeObjUl+"')", 20);
		closeSlidebarId = setTimeout("closeSlidebar('"+closeObj+"')", 20);
	});
	
	//換圖
	$("img.changImg").ready(function(){
		var oldImg = '';
		$("img.changImg").hover(function(){
			oldImg = $(this).attr('src');
			if(oldImg != '') {
				var path = oldImg.split('/');
				var src = '';
				for(i=0; i < path.length; i++) {
					if(i == (path.length-1))
						src = src + 'over_'+path[i];
					else
						src = src + path[i]+'/';	
				}
				$(this).attr('src', src);
			}
		}, function(){
			if(oldImg != '') $(this).attr('src', oldImg);
		});
	})
	
});

var openSlidebarId='';
function openSlidebar(i) {
	$(".btn:eq("+i+") .btn-over").css('width', '225px');
}

var closeSlidebarId='';
function closeSlidebar(obj) {
	$(obj).css('width', '5px');
}

var openSlidebarUlId='';
function openSlidebarUl(i) {
	$(".btn:eq("+i+") ul").show();
}

var closeSlidebarUlId='';
function closeSlidebarUl(obj) {
	$(obj).hide();
}