// JavaScript Document

function headerOver(i){
	$("#headerIcon_"+i).css({"background":"url(images/common/header/icon_"+i+"_o.png) center top no-repeat"}).stop().animate({"top": "45px"}, 400);
	$(document).pngFix( );
}

function headerOut(i){
	$("#headerIcon_"+i).css({"background":"url(images/common/header/icon_"+i+".png) center top no-repeat"}).stop().animate({"top": "60px"}, 400);
	$(document).pngFix( );
}

function genHeader(id, target, lang){
	MM_preloadImages('images/common/header/icon_1_o.png','images/common/header/icon_2_o.png','images/common/header/icon_3_o.png','images/common/header/icon_4_o.png','images/common/header/icon_5_o.png','images/common/header/icon_6_o.png');

	//declare the src
	var iconSrc = new Array();
	var txt = new Array();
	
	iconSrc[1]="best_seller.php";
	iconSrc[2]="about_us.php";
	iconSrc[3]="product.php";
	iconSrc[4]="spa_therapy.php";
	iconSrc[5]="news_event.php";
	iconSrc[6]="contact_us.php";
	
	if(lang=='en'){
		txt[1]="Best Seller";
		txt[2]="About Us";
		txt[3]="Product";
		txt[4]="Spa Therapy";
		txt[5]="News Event";
		txt[6]="Contact Us";
	}else if(lang=='zh'){
		txt[1]="人氣產品";
		txt[2]="有關我們";
		txt[3]="產品資料";
		txt[4]="香薰療程";
		txt[5]="活動及傳媒資訊";
		txt[6]="聯絡我們";
	}
		
	
	//generate the icons
	for(i=1; i<=6; i++){
		if(i==id)
		{
			headertxt='<a href="'+iconSrc[i]+'"><div id="headerTxt_'+i+'">'+txt[i]+'</div></a>';
			icon='<a href="'+iconSrc[i]+'"><div id="headerIcon_'+i+'"></div></a>';
		}
		else{
			headertxt='<a href="'+iconSrc[i]+'"><div id="headerTxt_'+i+'" onmousemove="headerOver('+i+');" onmouseout="headerOut('+i+');">'+txt[i]+'</div></a>';
			icon='<a href="'+iconSrc[i]+'"><div id="headerIcon_'+i+'" onmousemove="headerOver('+i+');" onmouseout="headerOut('+i+');"></div></a>';
		}
		$(icon).appendTo('#'+target);
		$(headertxt).appendTo('#'+target);
		
		if(target=="introHeaderContent"&&i==6)
		
			$('#'+target).show().css({"top": "-60px"});
	}
	if(target!="introHeaderContent")
		$('<div id="headerLogo"><a href="index.php"><img src="images/common/logo.jpg" width="146" height="62" alt="" border="0"></a></div>').appendTo('#'+target);
	
	$('#headerLang').fadeIn(1000);
	
	//raise the selected icon
	if(id)
	headerOver(id);
	
	$(document).pngFix( );
	
}