/*
This javscript is setting the Header floating Menu and dynamic change it's picture
*/

function setMouseOverLayers(){
	document.write('<div id="headerLayer_1" class="floatingLayer" style="left:250px;"><img src="/english/images/common/mouseover_header/mouseover_expecting.gif"></div>');
	document.write('<div id="headerLayer_2" class="floatingLayer" style="left:323px;"><img src="/english/images/common/mouseover_header/mouseover_naturalfeeding.gif"></div>');
	document.write('<div id="headerLayer_3" class="floatingLayer" style="left:376px;"><img src="/english/images/common/mouseover_header/mouseover_feedingtime.gif"></div>');
	document.write('<div id="headerLayer_4" class="floatingLayer" style="left:440px;"><img src="/english/images/common/mouseover_header/mouseover_feedingtime2.gif"></div>');
	document.write('<div id="headerLayer_5" class="floatingLayer" style="left:500px;"><img src="/english/images/common/mouseover_header/mouseover_littlepleasures.gif"></div>');
	document.write('<div id="headerLayer_6" class="floatingLayer" style="left:560px;"><img src="/english/images/common/mouseover_header/mouseover_athome.gif"></div>');
	
}

function showLayer(intLayer){
/*	
	var imgLayer = new Array();
	var xPosLayer = new Array();
	var yPosLayer = new Array();
	
	imgLayer[0] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	imgLayer[1] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	imgLayer[2] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	imgLayer[3] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	imgLayer[4] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	imgLayer[5] = "/english/images/common/mouseover_header/Mouseover_Expecting.gif";
	
	xPosLayer[0] = 252;
	xPosLayer[1] = 0;
	xPosLayer[2] = 0;
	xPosLayer[3] = 0;
	xPosLayer[4] = 0;
	xPosLayer[5] = 0;
	
	yPosLayer[0] = 252;
	yPosLayer[1] = 0;
	yPosLayer[2] = 0;
	yPosLayer[3] = 0;
	yPosLayer[4] = 0;
	yPosLayer[5] = 0;
*/

	document.getElementById("headerLayer_" + intLayer).style.display = "inline";
	
	
}

function hideLayer(intLayer){
	document.getElementById("headerLayer_" + intLayer).style.display = "none";
}

function setHeader(header_path){
	pic01 = "/english/images/common/Top_header/top_banner_r1_c1.jpg"
	pic02 = "/english/images/common/Top_header/top_banner_r3_c2.jpg"
	pic13 = "/english/images/common/Top_header/top_banner_r1_c13.jpg"	
	if(header_path == "header_content"){		
		pic01 = "/english/images/common/Top_header/top_banner_r1_c1b.jpg"
		pic02 = "/english/images/common/Top_header/top_banner_r3_c2b.jpg"
		pic13 = "/english/images/common/Top_header/top_banner_r1_c13b.jpg"
	}		
	
	document.write('<table border="0" cellpadding="0" cellspacing="0">');
	document.write('  <tr>');
	document.write('   <td><img name="top_banner_r1_c1" src="'+ pic01 + '" width="304" height="107" border="0" alt="" usemap="#Map"></td>');
	document.write('   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="362">');
	document.write('	  <tr>');
	document.write('	   <td><img name="top_banner_r1_c2" src="/english/images/common/Top_header/top_banner_r1_c2.jpg" width="362" height="33" border="0" alt=""></td>');
	document.write('	  </tr>');
	document.write('	  <tr>');
	document.write('	   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="362">');
	document.write('		  <tr>');
	document.write('		   <td><a href="product.php?module=expecting"><img id="HEAD_expecting" src="/english/images/common/Top_header/expecting.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(1)" onMouseOut="hideLayer(1)"></a></td>');
	document.write('		   <td><img id="top_banner_r2_c3" src="/english/images/common/Top_header/top_banner_r2_c3.jpg" width="10" height="53" border="0" alt=""></td>');
	document.write('		   <td><a href="product.php?module=naturalfeeding"><img id="HEAD_naturalfeeding" src="/english/images/common/Top_header/naturalfeeding.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(2)" onMouseOut="hideLayer(2)"></a></td>');
	document.write('		   <td><img id="top_banner_r2_c5" src="/english/images/common/Top_header/top_banner_r2_c5.jpg" width="7" height="53" border="0" alt=""></td>');
	document.write('		   <td><a href="product.php?module=feedingtime"><img id="HEAD_feedingtime" src="/english/images/common/Top_header/feedingtime.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(3)" onMouseOut="hideLayer(3)"></a></td>');
	document.write('		   <td><img id="top_banner_r2_c7" src="/english/images/common/Top_header/top_banner_r2_c7.jpg" width="7" height="53" border="0" alt=""></td>');
	document.write('		   <td><a href="product.php?module=ahelpinghand"><img id="HEAD_feedingtime2" src="/english/images/common/Top_header/feedingtime2.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(4)" onMouseOut="hideLayer(4)"></a></td>');
	document.write('		   <td><img id="top_banner_r2_c9" src="/english/images/common/Top_header/top_banner_r2_c9.jpg" width="7" height="53" border="0" alt=""></td>');
	document.write('		   <td><a href="product.php?module=littlepleasure"><img id="HEAD_littlepleasures" src="/english/images/common/Top_header/littlepleasures.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(5)" onMouseOut="hideLayer(5)"></a></td>');
	document.write('		   <td><img id="top_banner_r2_c11" src="/english/images/common/Top_header/top_banner_r2_c11.jpg" width="7" height="53" border="0" alt=""></td>');
	document.write('		   <td><a href="product.php?module=athome"><img id="HEAD_athome" src="/english/images/common/Top_header/mouseover_athome.jpg" width="54" height="53" border="0" alt="" onMouseOver="showLayer(6)" onMouseOut="hideLayer(6)"></a></td>');
	document.write('		  </tr>');
	document.write('		</table></td>');
	document.write('	  </tr>');
	document.write('	  <tr>');
	document.write('	   <td><img name="top_banner_r3_c2" src="' + pic02 + '" width="362" height="21" border="0" alt=""></td>');
	document.write('	  </tr>');
	document.write('	</table></td>');
	document.write('   <td><img id="top_right" name="top_banner_r1_c13" src="' + pic13 + '" width="234" height="107" border="0" alt=""></td>');
	document.write('  </tr>');
	document.write('</table>');
	document.write('<map name="Map">');
	document.write('  <area shape="rect" coords="29,4,152,105" href="index.php">');
	document.write('</map>');
}

var oldPic;
oldPic = new Image();

function rolloverPic(tagId,pic){
	//alert("rollover");
	newPic = new Image();
	newPic.src = "/english/images/common/head_menu_content/" + pic + ".jpg";
	oldPic.src = tagId.src;
	tagId.src = newPic.src;
}

function rollBackPic(tagId){
	tagId.src = oldPic.src;
}