/*
   menuDisplay.js
   
   This file renders the javascript menu by loading the menu options from the menuData.js
   
   The CSS that is used by the menu is defined here. Modify carefully the values that affect the with or height as the result will be visible on every page of the website.
*/

var i;
var temp="";
temp+="<style type=\"text/css\" media=\"screen\">\n";


temp+="#eyeAssist {display:block; visibility:visible; position:relative; width:560px; height:165px;margin:0px;padding:0px;z-index:4;}\n";
temp+="#eyeAnon {display:block; visibility:visible; position:absolute; top:0px; left:0px; width:174px; height:188px;z-index:4;}\n";
temp+="#eyeLogo {display:block; visibility:visible; position:relative; width:174px; height:168px;}\n";
temp+="#eyeSearch {display:block; visibility:visible; position:relative; width:174px; height:25px; z-index:2;}\n";
temp+="#eyeImage {display:block; visibility:visible; position:absolute; top:0px; left:188px; width:580px;}\n";
temp+="#eyeNav {display:block; visibility:visible; position:absolute; top:163px; width:560px; left:188px; }\n";

temp+="#eyeCore { display:block; visibility:visible; position:relative; top:0px; left:0px; width:550px; height:auto;}\n";
temp+="#eyewhole {display:block; visibility:visible; position:relative; top:0px; left:0px; width:auto; height:auto;}\n";
temp+="#eyeSide {display:block; visibility:visible; position:absolute;top:28px; left:0px; width:174px; height:auto;}\n";
temp+="#eyeContent {display:block; visibility:visible; position:relative; top:0px; left:188px; width:550px; height:auto;display:inline-block;}\n";
temp+="#pcontent {display:block; visibility:visible; position:relative; width:550px; height:auto;display:inline-block;}\n";
temp+="#eyeFooter {display:block; visibility:visible; position:relative;top:0px; height:auto; left:200px; }\n";
temp+=".eyeprintrow {}\n";

temp+="#plvmenu { z-index:4; position:relative; display:block; width:360px; height:30px; border:10px; margin:10px; border-left:0px; margin-left:0px;display:inline-block;}\n";
temp+="#plvnav {z-index:4; position:relative; left:10px; top:0px; width:350px; height:18px; border:10px; margin:10px; border-left:0px; margin-left:0px;display:inline-block;}\n";
temp+="#plvtext {z-index:1; display:block; left:10px; top:20px; width:200px; font-weight:bold; font-family:verdana; border:10px; margin:10px; border-left:0px; margin-left:0px;display:inline-block;top:-10px;margin:0px;border:0px;}\n";
temp+="#maps {position:relative; top:20px; width:500px;}\n";
temp+="#plvnav a {display:inline-block;}\n";
	
temp+="a, a:link, a:visited {color:#000000; text-decoration: none;}\n";
temp+="a:active, a:hover {color:#000000;  text-decoration: underline;}\n";
	
temp+=".solidMenuLine { border-bottom:solid 1px #000000; padding:0px ; margin:0px; position:relative;display:block; }\n";
temp+="#BannerImage {padding:0px; margin:0px;}\n";
temp+=".logo { padding: 1px; padding-top:0px;border:none; }\n";
temp+=".solidMenuSeparator{ border-bottom:solid 1px #000000;padding:6px 0px 6px 1px;}\n";	
temp+=".solidLine { border-top: #000000 1px solid;	margin-top: 0px; margin-bottom: 0px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid;}	\n";
		
temp+="p { margin-bottom:-2px;}\n";
temp+="#MainMenuLinks {text-align:right; color:#000000;}\n";

temp+="#SubMenuLinks {	 }\n";



if (header.length>0)
{
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#nav_data"+i+", ";
	}	
	temp+="#nav_data"+(header.length-1)+"{\n";
	temp+="display:inline;position:relative;float:left;padding-right:1px;z-index:560;}\n\n";   		
	
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#nav_data"+i+" a, ";
	}
	temp+="#nav_data"+(header.length-1)+" a {\n";
	temp+="display:inline;position:relative;float:left;padding-right:5px;font-size:10px;font-weight:bold;color:#000000;text-decoration:none;z-index:560;}\n\n";
	
			
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#nav_data"+i+" a:hover, ";
	}
	
	temp+="#nav_data"+(header.length-1)+" a:hover {\n";
	temp+="color:#999999;}\n\n";
	
	
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#navsub_groups"+i+" , ";
	}
	
	temp+="#navsub_groups"+(header.length-1)+" {\n";
	temp+="background-color:#F5E6C4;text-transform:none;border:solid 1px #CCCCCC;-moz-border-radius:4px;color:#CCCCCC;border-radius:4px;z-index:560;}\n\n";
	
	
	for (i = 0; i < header.length; i++)
	{
	   temp+="#navsub_groups"+i+" { width:190px; z-index:560;} \n";
	}
	temp+="\n\n";
	temp+="div.menu {visibility:hidden;position:absolute;display:block;top:19px;left:-12px;z-index:560;color:#000000;background-color:#F5E6C4;z-index:560;}\n\n";
    temp+="div.submenu  {visibility:hidden;position:absolute;display:block;top:0px;left:150px;z-index:560;color:#000000;background-color:#F5E6C4;width:150px;border:solid 1px #CCCCCC;-moz-border-radius:4px;border-radius:4px;}\n\n";
	temp+="div.submenu2 {visibility:hidden;position:absolute;display:block;top:18px;left:150px;z-index:560;color:#000000;background-color:#F5E6C4;width:150px;border:solid 1px #CCCCCC;-moz-border-radius:4px;border-radius:4px;}\n\n";
	
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#navsub_groups"+i+" a.nol, ";
	}
	
	temp+="#navsub_groups"+(header.length-1)+" a.nol \n";
	temp+="{ border-bottom:none; }\n\n";
	
    
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#navsub_groups"+i+" a, ";
	}
	
	temp+="#navsub_groups"+(header.length-1)+" a {\n";
	temp+="float:none;display:block;color:#000000;font-size:10px;font-weight:normal;text-decoration:none;margin:1px;border-bottom:solid 1px  #999;padding:2px;margin:2px;}\n\n";			
	
	
	for (i = 0; i < header.length-1; i++)
	{
	   temp+="#navsub_groups"+i+" a:hover, ";
	}
	
	temp+="#navsub_groups"+(header.length-1)+" a:hover {\n";
	temp+="background-color:#000000;color:#F5E6C4;text-decoration:none;}\n\n"; 
}
temp+="</style>";

var dataString="";
for ( i = 0; i < header.length; i++ )
{
   	dataString+="<div id='nav_data"+i+"'>\n";
	if (noOfItems[i]>0)
	{
		dataString+="  <a href='"+headerLink[i]+"' onmouseover=\"menuOn('navsub_groups"+i+"');\" onmouseout=\"menuOff('navsub_groups"+i+"');\">\n";
	}
	else
	{	    
		dataString+="  <a href='"+headerLink[i]+"' >\n";
	}
	dataString+="  "+header[i]+"	</a>\n";
	if (noOfItems[i]>0)
	{
		dataString+="<div class='menu' id='navsub_groups"+i+"'>\n";		
		for (var j =0; j <= noOfItems[i]; j++)
		{	   
		   dataString+="<a onmouseover=\"keepAlive('navsub_groups"+i+"');\" onmouseout=\"killIt('navsub_groups"+i+"');\"\n";
		   dataString+="href='"+optionLink[i][j]+"'>"+option[i][j]+"</a>\n";
		}
		dataString+=" </div>\n</div>\n";		 	
	}
}
dataString+="	</div>  \n\n";

document.write(temp);
document.write(dataString);