// JavaScript Document


//now select Item
var nowSelect;

//menu hide Timer
var timer;

//init setup fun
function menusetup(evnt){	
    
	
	//add main menu fun
	var menuItem = $("#main_menu_body").children();	
	for(var i=0;i<menuItem.length;i++){
		menuItem[i].id = i;
	}
	menuItem.hover(mainMenuOverhandler,MenuOuthandler);
	
	//add sub menu fun
	var subItem = $(".sub_menu ul").children();
	subItem.hover(subMenuOverhandler,MenuOuthandler);
	
	setNowSelect();
	greenBarGo(nowSelect);
    //showSubMenu(nowSelect);
	
	
}

function MenuOuthandler(event) {
    timer = setTimeout('getBack()',1000);
}

//sub Menu Fun ===============================================
function subMenuOverhandler(event) {
	clearTimeout(timer);
}

//main Menu Fun ==============================================
function mainMenuOverhandler(event) {
  clearTimeout(timer);
  greenBarGo(event.currentTarget.id);
  showSubMenu(event.currentTarget.id);
}

function getBack(){
	greenBarGo(nowSelect);
    showSubMenu();
}

function greenBarGo(target){
	var greenBar = $("#greenBar_body");
	var delPd;
	var tgWidth;
	var start;
	var end=0;
	if(target != undefined){
		delPd = $("#"+target+" a").css("marginRight").split("px");
		delPd = delPd[0]*1;
		tgWidth = $("#"+target).width()*1-delPd+3;		
		greenBar.css("visibility","visible");	
		start = greenBar.css("left").split("px");
		start = start[0]*1;
		for(var i=0;i<target;i++){
			end+=$("#"+i).width()*1;
		}
		//alert(end);
		end += 13;	
		if(greenBar[0].poTw == undefined){
			greenBar[0].poTw = new Tween(greenBar[0].style,'left',Tween.regularEaseOut,start,end,0.5,'px');
			greenBar[0].poTw.start();
		}else{
			greenBar[0].poTw.continueTo( end, 0.5);
		}
		
		if(greenBar[0].wdTween == undefined){
		   greenBar[0].wdTween = new Tween(greenBar[0].style,'width',Tween.regularEaseOut,start,tgWidth,0.5,'px');
		   greenBar[0].wdTween.start();
		}else{
		   greenBar[0].wdTween.continueTo( tgWidth, 0.5);
		}
		
		if(greenBar[0].opTween == undefined){
		   greenBar[0].opTween = new OpacityTween(greenBar[0],Tween.regularEaseOut, 0, 100, 0.5);
		   greenBar[0].opTween.start();
		}else{
		   greenBar[0].opTween.continueTo( 100, 0.5);
		}
	}else{
		start = greenBar.css("left").split("px");
		start = start[0]*1;
		end = 13;	
		if(greenBar[0].poTw == undefined){
			greenBar[0].poTw = new Tween(greenBar[0].style,'left',Tween.regularEaseOut,start,end,0.5,'px');
			greenBar[0].poTw.start();
		}else{
			greenBar[0].poTw.continueTo( end, 0.5);
		}
		
		if(greenBar[0].opTween == undefined){
		   greenBar[0].opTween = new OpacityTween(greenBar[0],Tween.regularEaseOut, 100, 0, 0.5);
		   greenBar[0].opTween.start();
		}else{
		   greenBar[0].opTween.continueTo(0, 0.5);
		}
	}
}

function showSubMenu(target){
	var greenBar = $("div[id^='sub_']");
	greenBar.css("display","none");	
	var subIdName = "#sub_"+target;
	var nowShow = $(subIdName);
	if(target != undefined){
	if(nowShow[0]){
		nowShow.css("display","block");		
		if(nowShow[0].opTween == undefined){
		   nowShow[0].opTween = new OpacityTween(nowShow[0],Tween.regularEaseOut, 0, 100, 0.5);
		   nowShow[0].opTween.start();
		}else{
		   nowShow[0].opTween.start();
		}		
		
		if(nowShow[0].poTween == undefined){
			var poEnd = 0;
			var poStart = -5;
		   nowShow[0].poTween = new Tween(nowShow[0].style,'top',Tween.regularEaseOut,poStart,poEnd,0.5,'px');
		   nowShow[0].poTween.start();
		}else{
		   nowShow[0].poTween.start();
		}
	}
	}
}

//judge now select =========================================
function setNowSelect(){
	var url = location.pathname.split("/");
	url = url[url.length-1];
	switch(url){
		case "about_company.php":
		case "about_mailstone.php":
		case "about_team.php":
		case "about_client.php":
		case "about_location.php":nowSelect=0;break;
		case "service_all.php":
		case "service_brand.php":
		case "service_cis.php":
		case "service_packing.php":
		case "service_graphic.php":
		case "service_website.php":nowSelect=1;break;
		case "works_all.php":
		case "works.php":
		case "works_content.php":nowSelect=2;break;
		case "casestudy_all.php":
		case "casestudy_content.php":nowSelect=3;break;
		case "awards.php":nowSelect=4;break;
		case "career_job.php":
		case "career_welfare.php":nowSelect=5;break;
		case "contact_us.php":
		case "contact_us_send.php":nowSelect=6;break;
	}
}