var selectedID = "";
var names = new Array("product", "download", "shop", "support", "software", "company", "eye");
var images = new Array();

function OnLoadBody()
{
	// Selected ID
	if(selectedID != "")
		eval("document.getElementById('" + selectedID + "').src = '/images/s_" + selectedID + ".png'");

	// Image Preload
	for(i = 0; i < names.length; i++)  {
		// Hover
		h_key = "h_" + names[i];
		h_img = new Image;
		h_img.src = "/images/" + h_key + ".png";
		images[h_key] = h_img;
		// Selected
		s_key = "s_" + names[i];
		s_img = new Image;
		s_img.src = "/images/" + s_key + ".png";
		images[s_key] = s_img;
	}
}

function OnMouseOverButton(id)
{
	ResetButtons();
	if(id != selectedID)
		eval("document.getElementById('" + id + "').src = '/images/h_" + id + ".png'");
}

function OnMouseOutButton(id)
{
	ResetButtons();
}

function ResetButtons()
{
	for(i = 0; i < names.length; i++)  {
		id = names[i];
		if(id == selectedID)
			eval("document.getElementById('" + id + "').src = '/images/s_" + id + ".png'");
		else
			eval("document.getElementById('" + id + "').src = '/images/n_" + id + ".png'");
	}
}

function OnMouseOverEye()
{
	document.getElementById("eye").src = "/images/h_eye.png";
}

function OnMouseOutEye(id)
{
	document.getElementById("eye").src = "/images/n_eye.png";
}