window.onload = initStuff;

var box;

//Initalization Function
function initStuff()
{
	if(document.getElementById("work"))
	{
		document.getElementById("stilettosite").onclick = toggleSS;
		document.getElementById("mtlsite").onclick = toggleMS;
		document.getElementById("stilettologo").onclick = toggleSL;
		document.getElementById("hyteksite").onclick = toggleHS;
		document.getElementById("tnashlogo").onclick = toggleTL;
		document.getElementById("upodialogo").onclick = toggleUL;
		document.getElementById("tnashsite").onclick = toggleTS;
		
		document.getElementById("close").onclick = toggleOW;
		document.getElementById("close2").onclick = toggleOW;
	}
	
	box = document.getElementById("box");
	
	for (var i=0; i<document.images.length; i++) {
		if (document.images[i].parentNode.tagName == "A") {
			setupRollover(document.images[i]);
		}
	}
}

function setupRollover(thisImage) {
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;

	thisImage.overImage = new Image();
	if(thisImage.id=="au"||thisImage.id=="wwd"||thisImage.id=="ow"||thisImage.id=="cu")
	{
		thisImage.overImage.src = "http://www.tnashdesign.com/images/" + thisImage.id + "roll.png";
	}
	else
	{
		thisImage.overImage.src = thisImage.src;
	}
	thisImage.onmouseover = rollOver;
}

function rollOver()
{
	this.src = this.overImage.src;
}

function rollOut()
{
	this.src = this.outImage.src;
}

//Toggle for Our Work
function toggleOW()
{
	box.src="http://www.tnashdesign.com/images/ourwork.png";
	box.useMap="#work";
	return false;
}

//Toggles for Our Work Page
function toggleSS()
{
	box.src="http://www.tnashdesign.com/images/stilettosite.png"
	return false;
}

function toggleMS()
{
	box.src="http://www.tnashdesign.com/images/mtlsite.png"
	box.useMap="#worksites";
	document.getElementById("site").href="http://www.mtlfitness.com";
	return false;
}

function toggleSL()
{
	box.src="http://www.tnashdesign.com/images/stilettologo.png"
	box.useMap="#logos";
	return false;
}

function toggleHS()
{
	box.src="http://www.tnashdesign.com/images/hyteksite.png"
	box.useMap="#worksites";
	document.getElementById("site").href="http://www.hy-tekauto.com";
	return false;
}

function toggleTL()
{
	box.src="http://www.tnashdesign.com/images/tnashlogo.png"
	box.useMap="#logos";
	return false;
}

function toggleUL()
{
	box.src="http://www.tnashdesign.com/images/upodialogo.png"
	box.useMap="#logos";
	return false;
}

function toggleTS()
{
	box.src="http://www.tnashdesign.com/images/tnashsite.png"
	box.useMap="#worksites";
	document.getElementById("site").href="http://www.tnash.com";
	return false;
}