function hideItems(menuId, linkId)
 {
	 var MenuId = document.getElementById(menuId);
	 var MenuLink = document.getElementById(linkId);
	 
	 MenuId.style.visibility = "hidden";
	 MenuLink.style.background ="";
	 MenuLink.style.color = "#324377";
 }
 
 
 function showItems(menuId,linkId)
 {
     
	 var Link = document.getElementById(linkId);
	 var Id = document.getElementById(menuId);
	 
	 var coordinates=new Array();
	 coordinates = findPos(Link);
     var left = coordinates[0];
	 var top = coordinates[1];
	 
	 Id.style.left = left + 0 + 'px';
	 Id.style.top = top + 25 + 'px';
	 Id.style.visibility = "visible"; 
	 
	 Link.style.background = "#336699";
	 Link.style.color = "#FFFF99";
	 
	 
 }
 
 function showESCOP(menuId,linkId)
 {
   var Link = document.getElementById(linkId);
   var Id = document.getElementById(menuId);
   
   var coordinates=new Array();
	 coordinates = findPos(Link);
     var left = coordinates[0];
	 var top = coordinates[1];
	 
	 Id.style.left = left + document.getElementById("eSCOPLink").offsetWidth  + 'px';
	 Id.style.top = top + 0 + 'px';
	 Id.style.visibility="visible";
	 
	 Link.style.background = "#336699";
	 Link.style.color = "#FFFF99";
	 
	 document.getElementById("productMenu").style.visibility = "visible";
	 document.getElementById("productLink").style.background = "#336699";
	 document.getElementById("productLink").style.color="#FFFF99";
 }
 
 function hideESCOP(menuId,linkId)
 {
   var Link = document.getElementById(linkId);
   var Id = document.getElementById(menuId);
   
   Id.style.visibility = "hidden";
  
   hideItems('productMenu','productLink');   
   //document.getElementById("eCARContents").style.visibility="hidden";
   //Link.style.background =" ";
   Link.style.background="#E4E4E4";
   Link.style.color = "";
 }
 
 
 function showECAR(menuId,linkId)
 {
   var Link = document.getElementById(linkId);
   var Id = document.getElementById(menuId);
   
   var coordinates=new Array();
	 coordinates = findPos(Link);
     var left = coordinates[0];
	 var top = coordinates[1];
	 
	 Id.style.left = left +document.getElementById("eCARLink").offsetWidth +  'px';
	 Id.style.top = top + 0 + 'px';
	 Id.style.visibility="visible";
	 
	 Link.style.background = "#336699";
	 Link.style.color = "#FFFF99";
	 
	 document.getElementById("productMenu").style.visibility = "visible";
	document.getElementById("productLink").style.background = "#336699";
	document.getElementById("productLink").style.color="#FFFF99";
	 
 }
 
 function hideECAR(menuId,linkId)
 {
   var Id = document.getElementById(menuId);
   var Link = document.getElementById(linkId);
   
   Id.style.visibility = "hidden";
   hideItems('productMenu','productLink');   
   //document.getElementById("eSCOPContents").style.visibility="hidden";
   Link.style.background ="#E4E4E4";
   Link.style.color = "";
 }
 
 function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}