//Author Keo Keonorasak
//Copywright 06/2003

var currentMenu;

function getSourceElement (evt) {
   if (window.event)
     return window.event.srcElement;
   else if (evt && evt.target) {
     if (typeof evt.target.nodeType == 'undefined')
       return evt.target;
     else if (evt.target.nodeType == 3)
       return evt.target.parentNode;
     else
       return evt.target;
   }
}

function getPageCoords (element) {
   var coords = {x: 0, y: 0};
   while (element) {
     coords.x += element.offsetLeft;
     coords.y += element.offsetTop;
     element = element.offsetParent;
   } return coords;
}

function showMenu (barElement,a) {
//alert("zedgf");
   var coords = getPageCoords(barElement);
   var menuId = barElement.id.replace(/tdMenuBarItem/,"divMenu");
	if (document.all){
		currentMenu = document.all[menuId];
	}else if (document.getElementById){
		currentMenu = document.getElementById(menuId);
	}

	currentMenu.style.left = coords.x + 'px';
	currentMenu.style.top = coords.y + barElement.offsetHeight+'px';
	currentMenu.style.visibility = "visible";
				//currentMenu.style.visibility = "hidden";				
}

document.onmouseover = function (evt) {
   var sourceElement = getSourceElement(evt);
   if (sourceElement) {
     if (sourceElement.className == "Item"){
       sourceElement.className = "Highlight"; 
     }else if(sourceElement.className == "nav10BlkBG"){
       sourceElement.style.color = "#F26522";
       if (currentMenu){
       currentMenu.style.visibility = 'hidden';
       }
	   sourceElement.style.color = "#F26522";
		  var myNav = sourceElement.id;
		  var myLength = myNav.length;
		  myNav = myNav.substring(myLength - 1,myLength);
		  myNav = "arrow"+myNav;
		  document.getElementById(myNav).style.visibility="visible";
	   showMenu(sourceElement);
     }else if(sourceElement.className == "white10BlueBG" || sourceElement.className == "hide"){
		if (currentMenu){
		currentMenu.style.visibility = 'hidden';
		}
	 }else if(sourceElement.className == "rightNav"){
		 if (currentMenu){
			currentMenu.style.visibility = 'hidden';
		 }
		  sourceElement.style.color = "#F26522";
		  var myNav = sourceElement.id;
		  var myLength = myNav.length;
		  myNav = myNav.substring(myLength - 1,myLength);
		  myNav = "arrow"+myNav;
		  document.getElementById(myNav).style.visibility="visible";
	 }
	 
   }
}
document.onmouseout = function (evt) {
   var sourceElement = getSourceElement(evt);
   if (sourceElement) {
     if (sourceElement.className == "Highlight"){
		sourceElement.className = "Item";
	 }else if(sourceElement.className == "nav10BlkBG"){
		sourceElement.style.color = "";
		  var myNav = sourceElement.id;
		  var myLength = myNav.length;
		  myNav = myNav.substring(myLength - 1,myLength);
		  myNav = "arrow"+myNav;
		  document.getElementById(myNav).style.visibility="hidden";
	 }else if(sourceElement.className == "rightNav"){
		  sourceElement.style.color = "";
		  var myNav = sourceElement.id;
		  var myLength = myNav.length;
		  myNav = myNav.substring(myLength - 1,myLength);
		  myNav = "arrow"+myNav;
		  document.getElementById(myNav).style.visibility="hidden";
	 }
   }
}
document.onclick = function (evt) {
	var sourceElement = getSourceElement(evt);
	if (sourceElement) {
		//alert(sourceElement.id);
		if (sourceElement.className == "nav10BlkBG"){
			//alert(sourceElement.id);
			var myNav = sourceElement.id;
			var myLength = myNav.length;
			myNav = myNav.substring(13,myLength-1);
			myNav = myNav.toLowerCase();
			if (myNav == "home"){
				myNav = "/";
			}else{
				myNav = "/"+myNav;
			}
			location.href = myNav;
		}else if (sourceElement.className == "rightNav"){
			var myNav = sourceElement.id;
			var myLength = myNav.length;
			var navType = myNav.substring(3,myLength);
			var myRoot = myNav.substring(3,myLength - 1);
			myNav = myNav.substring(myLength - 1,myLength);
			if (myNav == "0"){
				myNav = "/"+myRoot.toLowerCase();
			}else{
				myNav = "/"+myRoot.toLowerCase()+"/"+navType.toLowerCase()+".php";
			}
			location.href = myNav;
		}else if (sourceElement.className == "Highlight"){
			var myNav = sourceElement.id;
			var myLength = myNav.length;
			var myRoot = myNav.substring(3,myLength - 1);
			var navType = myNav.substring(3,myLength);
			myNav = "/"+myRoot.toLowerCase()+"/"+navType.toLowerCase()+".shtml";
			location.href = myNav;

		}
	}
}

//////////////////////////////
// Navigation Image Caching //
//////////////////////////////
var logo = new Image(); logo.src = "/images/logo.gif";
var creative = new Image(); logo.src = "/images/creativeicon.gif";
var creative_down = new Image(); logo.src = "/images/creativeicon_down.gif";
var tech = new Image(); logo.src = "/images/techicon.gif";
var tech_down = new Image(); logo.src = "/images/techicon_down.gif";

// Mouse Rollover function
function MouseOver(image)
{
	if(document.images[image].src.indexOf("_down") == -1)
	{
		document.images[image].src = document.images[image].src.substring(0,document.images[image].src.indexOf(".gif")) + "_down.gif";
	}
}

// Mouse Rollout function
function MouseOut(image)
{
	if (document.images[image].src.indexOf("_down") >=0)
	{
		document.images[image].src = document.images[image].src.substring(0,document.images[image].src.indexOf("_down.gif")) + ".gif";
	}
}