// JavaScript Document
var OBJ = new Array()

window.onload = function()
{
	BasicOnLoad()
	ServicesImages()
}

function ServicesImages()
{
	if (document.body.id == "AboutUs")
	{
		document.getElementById("GraphicDesign").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("GraphicDesign").getElementsByTagName("img")[0], 1);}
		document.getElementById("Photography").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("Photography").getElementsByTagName("img")[0], 2);}
		document.getElementById("WordingPrint").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("WordingPrint").getElementsByTagName("img")[0], 3);}
		document.getElementById("Retouching").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("Retouching").getElementsByTagName("img")[0], 4);}
		document.getElementById("BrandManagement").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("BrandManagement").getElementsByTagName("img")[0], 5);}
		
		document.getElementById("GraphicDesign").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("GraphicDesign").getElementsByTagName("img")[0], 1);}
		document.getElementById("Photography").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("Photography").getElementsByTagName("img")[0], 2);}
		document.getElementById("WordingPrint").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("WordingPrint").getElementsByTagName("img")[0], 3);}
		document.getElementById("Retouching").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("Retouching").getElementsByTagName("img")[0], 4);}
		document.getElementById("BrandManagement").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("BrandManagement").getElementsByTagName("img", 5)[0]);}
	}
	else if (document.body.className.indexOf("Service") != -1)
	{
		document.getElementById("ServiceImg").getElementsByTagName("img")[0].onmouseover = function(){ServiceImageOver(document.getElementById("ServiceImg").getElementsByTagName("img")[0], 5);}
		document.getElementById("ServiceImg").getElementsByTagName("img")[0].onmouseout = function(){ServiceImageOut(document.getElementById("ServiceImg").getElementsByTagName("img")[0], 1);}
	}
}

function ServiceImageOver(obj, i)
{

	OBJ[i] = obj;
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.9;", 100);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.8;", 150);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.7;", 200);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.6;", 250);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.5;", 300);
	
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 90)';", 100);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 80)';", 150);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 70)';", 200);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 60)';", 250);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 50)';", 300);
}

function ServiceImageOut(obj, i)
{
	OBJ[i] = obj;
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.6;", 100);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.7;", 150);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.8;", 200);
	window.setTimeout ("OBJ["+i+"].style.opacity = 0.9;", 250);
	window.setTimeout ("OBJ["+i+"].style.opacity = 1;", 300);
	
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 60)';", 100);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 70)';", 150);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 80)';", 200);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 90)';", 250);
	window.setTimeout ("OBJ["+i+"].style.filter = 'alpha(opacity = 100)';", 300);
}