window.onload = function()
{	
	//load images in cashe
	ImageLoader('bIconHome.jpg');
	ImageLoader('bIconAbout.jpg');
	ImageLoader('bIconServices.jpg');
	ImageLoader('bIconGames.jpg');
	ImageLoader('bIconMedia.jpg');
	
	ImageLoader('subMenuLeftTop2.gif');
	ImageLoader('subMenuLeftBott.gif');
	ImageLoader('subMenuRightTop.gif');
	ImageLoader('subMenuRightTop2.gif');
	ImageLoader('subMenuLeftTop.gif');

	document.getElementById("ajaxLoader").style.display = "none";
	document.getElementById("globalContent").style.visibility = "visible";
}

var imagesDir = "/images/";
function ImageLoader(imgName)
{
	var img = document.createElement("img");
	img.src = imagesDir+imgName;
	return img;
}

// javascript for menu actions
var menuCurrent = false;
function menuMouseOver(sender)
{
	if(menuCurrent)
	{
		menuMouseOut(menuCurrent);
	}
	sender.className = "active";
	sender.style.backgroundImage = "url('" + imagesDir + "bIcon" + sender.id + ".jpg')";
	var senderPos = absPosition(sender);
	var sub = document.getElementById("sub"+sender.id);
	if(sub)
	{
		sub.style.top = senderPos.y + sender.clientHeight - 5;
		sub.style.left = senderPos.x;
		if(sender.id == "Games" || sender.id == "Contacts")
		{
			sub.style.left = senderPos.x - parseInt(sub.style.width) + parseInt(sender.clientWidth);
		}
		sub.style.display = "block";
		//alert(sub.style.left + ":" + sender.clientHeight);
	}
	menuCurrent = sender;
}

function menuMouseOut(sender)
{
	var sub = document.getElementById("sub"+sender.id);
	if(menuCurrent && sub)
	{		
		sub.style.display = "none";
	}
	menuCurrent = false;
	sender.className = "deactive";
	sender.style.backgroundImage = "url('" + imagesDir + "mIcon" + sender.id + ".jpg')";
}

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

function setTab(sender)
{
	for(var i = 0; i < tabs.length; i++)
	{
		document.getElementById(tabs[i]).className = (tabs[i] == sender.id) ? "activTAB" : "TAB";
		document.getElementById(tabs[i]+"Content").style.display = (tabs[i] == sender.id) ? "" : "none";
	}
}