// JavaScript Document
//Rollover Script
var rollovers = new Array(); 
rollovers["home"] = new Image();rollovers["home"].src = "Images/common/nav/home.gif";
rollovers["homeR"] = new Image();rollovers["homeR"].src = "Images/common/nav/homeR.gif";
rollovers["ourSolutions"] = new Image();rollovers["ourSolutions"].src = "Images/common/nav/ourSolutions.gif";
rollovers["ourSolutionsR"] = new Image();rollovers["ourSolutionsR"].src = "Images/common/nav/ourSolutionsR.gif";
rollovers["ourServices"] = new Image();rollovers["ourServices"].src = "Images/common/nav/ourServices.gif";
rollovers["ourServicesR"] = new Image();rollovers["ourServicesR"].src = "Images/common/nav/ourServicesR.gif";
rollovers["ourClients"] = new Image();rollovers["ourClients"].src = "Images/common/nav/ourClients.gif";
rollovers["ourClientsR"] = new Image();rollovers["ourClientsR"].src = "Images/common/nav/ourClientsR.gif";
rollovers["ourPeople"] = new Image();rollovers["ourPeople"].src = "Images/common/nav/ourPeople.gif";
rollovers["ourPeopleR"] = new Image();rollovers["ourPeopleR"].src = "Images/common/nav/ourPeopleR.gif";
rollovers["ourWall"] = new Image();rollovers["ourWall"].src = "Images/common/nav/ourWall.gif";
rollovers["ourWallR"] = new Image();rollovers["ourWallR"].src = "Images/common/nav/ourWallR.gif";
rollovers["contactUs"] = new Image();rollovers["contactUs"].src = "Images/common/nav/contactUs.gif";
rollovers["contactUsR"] = new Image();rollovers["contactUsR"].src = "Images/common/nav/contactUsR.gif";

function rollOver(elem,elemId,n)
{switch(n){case 1:elem.src = rollovers[elemId + "R"].src;break;case 0:elem.src = rollovers[elemId].src;break;}}

var currentPage = "intro";
function setSMenu()
{rollovers[currentPage].src = rollovers[currentPage+"R"].src; document.getElementById(currentPage).src=rollovers[currentPage+"R"].src;}

function pageLoaded()
{
	setSMenu();
	if(currentPage=="home"){setMechanicsArray();}
	if(currentPage=="ourServices"){setServicesArray();}
	
	detectBrowser();
}

function detectBrowser(){
	//Browser Detection - Site not compatible with IE6	
	if(/MSIE (\d+\.\d+);/.test(navigator.userAgent))
	{
		var ieversion=new Number(RegExp.$1);
		if(ieversion==6){
			alert("This website is incompatible with Microsoft Internet Explorer 6 \nand as such will not display properly. \n\nPlease update your Internet Explorer or use an alternate \nweb browser to view this web site in full.");	
		}
	}
}

/*Home Mechanics*/
var mechanicsArray = new Array();

function setMechanicsArray(){
mechanicsArray.push(document.getElementById("collectorBtn"));
mechanicsArray.push(document.getElementById("factorialBtn"));
mechanicsArray.push(document.getElementById("gameBtn"));
mechanicsArray.push(document.getElementById("scratchBtn"));
mechanicsArray.push(document.getElementById("textBtn"));
mechanicsArray.push(document.getElementById("instantBtn"));
mechanicsArray.push(document.getElementById("amnestyBtn"));
mechanicsArray.push(document.getElementById("guaranteeBtn"));
mechanicsArray.push(document.getElementById("winBtn"));
mechanicsArray.push(document.getElementById("couponBtn"));
mechanicsArray.push(document.getElementById("freeBtn"));
mechanicsArray.push(document.getElementById("tryBtn"));
}
	
function mechanicsClicked(elemId)
{		
	for(var i=0;i<mechanicsArray.length;i++)
	{
		mechanicsArray[i].style.filter = "alpha(opacity=50)";
		mechanicsArray[i].style.MozOpacity = 0.5;
		mechanicsArray[i].style.opacity = 0.5;
	}	
	
	openJQuery();	
	switch(elemId)
	{
		case "collectorBtn":											
			document.getElementById("collectorMechanic").style.visibility = "visible"; 
			document.getElementById("collectorImg").style.visibility = "visible";
		break;
		case "factorialBtn":											
			document.getElementById("factorialMechanic").style.visibility = "visible"; 
			document.getElementById("factorialImg").style.visibility = "visible";
		break;
		case "gameBtn":											
			document.getElementById("gameMechanic").style.visibility = "visible"; 
			document.getElementById("gameImg").style.visibility = "visible";
		break;
		case "scratchBtn":											
			document.getElementById("scratchMechanic").style.visibility = "visible"; 
			document.getElementById("scratchImg").style.visibility = "visible";
		break;
		case "textBtn":											
			document.getElementById("textMechanic").style.visibility = "visible"; 
			document.getElementById("textImg").style.visibility = "visible";
		break;
		case "instantBtn":											
			document.getElementById("instantMechanic").style.visibility = "visible"; 
			document.getElementById("instantImg").style.visibility = "visible";
		break;
		case "amnestyBtn":											
			document.getElementById("amnestyMechanic").style.visibility = "visible"; 
			document.getElementById("amnestyImg").style.visibility = "visible";
		break;
		case "guaranteeBtn":											
			document.getElementById("guaranteeMechanic").style.visibility = "visible"; 
			document.getElementById("guaranteeImg").style.visibility = "visible";
		break;
		case "winBtn":											
			document.getElementById("winMechanic").style.visibility = "visible"; 
			document.getElementById("winImg").style.visibility = "visible";
		break;
		case "couponBtn":											
			document.getElementById("couponMechanic").style.visibility = "visible"; 
			document.getElementById("couponImg").style.visibility = "visible";
		break;
		case "freeBtn":											
			document.getElementById("freeMechanic").style.visibility = "visible"; 
			document.getElementById("freeImg").style.visibility = "visible";
		break;
		case "tryBtn":											
			document.getElementById("tryMechanic").style.visibility = "visible"; 
			document.getElementById("tryImg").style.visibility = "visible";
		break;
	}
}

//Setting the JQuery RollOvers
var jQueryRollovers = new Array();
jQueryRollovers["close"] = new Image(); jQueryRollovers["close"].src= "Images/common/jquerybox/close.gif";
jQueryRollovers["closeR"] = new Image(); jQueryRollovers["closeR"].src= "Images/common/jquerybox/closeR.gif";

function jQueryCloseRollOver(elem,elemId,n)
{switch(n){case 1:elem.src = jQueryRollovers[elemId + "R"].src;break;case 0:elem.src = jQueryRollovers[elemId].src;break;}}

function closeJQuery(n)
{
	
	switch(n)
	{
		case 0:
		{
			document.getElementById("jQueryBox").style.visibility = "hidden"; 
			document.getElementById("jQueryClose").style.visibility = "hidden";	
			
			//The Mechanics
			document.getElementById("collectorMechanic").style.visibility = "hidden"; 
			document.getElementById("collectorImg").style.visibility = "hidden";
			document.getElementById("factorialMechanic").style.visibility = "hidden"; 
			document.getElementById("factorialImg").style.visibility = "hidden";
			document.getElementById("gameMechanic").style.visibility = "hidden"; 
			document.getElementById("gameImg").style.visibility = "hidden";
			document.getElementById("scratchMechanic").style.visibility = "hidden"; 
			document.getElementById("scratchImg").style.visibility = "hidden";
			document.getElementById("textMechanic").style.visibility = "hidden"; 
			document.getElementById("textImg").style.visibility = "hidden";
			document.getElementById("instantMechanic").style.visibility = "hidden"; 
			document.getElementById("instantImg").style.visibility = "hidden";
			document.getElementById("amnestyMechanic").style.visibility = "hidden"; 
			document.getElementById("amnestyImg").style.visibility = "hidden";
			document.getElementById("guaranteeMechanic").style.visibility = "hidden"; 
			document.getElementById("guaranteeImg").style.visibility = "hidden";
			document.getElementById("winMechanic").style.visibility = "hidden"; 
			document.getElementById("winImg").style.visibility = "hidden";
			document.getElementById("couponMechanic").style.visibility = "hidden"; 
			document.getElementById("couponImg").style.visibility = "hidden";
			document.getElementById("freeMechanic").style.visibility = "hidden"; 
			document.getElementById("freeImg").style.visibility = "hidden";
			document.getElementById("tryMechanic").style.visibility = "hidden"; 
			document.getElementById("tryImg").style.visibility = "hidden";
			
			for(var i=0;i<mechanicsArray.length;i++)
			{
				mechanicsArray[i].style.filter = "alpha(opacity=100)";
				mechanicsArray[i].style.MozOpacity = 1;
				mechanicsArray[i].style.opacity = 1;
			}	
			break;
		}
		case 1:
		{
			document.getElementById("servicesMouseBlocker").style.visibility="hidden";
			document.getElementById("sJQueryBox").style.visibility = "hidden"; 
			document.getElementById("sJQueryClose").style.visibility = "hidden";	
			//Services
			document.getElementById("onlineServices").style.visibility = "hidden"; 
			document.getElementById("bankingServices").style.visibility = "hidden";
			document.getElementById("couponsServices").style.visibility = "hidden";
			document.getElementById("dataServices").style.visibility = "hidden";
			document.getElementById("handlingServices").style.visibility = "hidden";
			document.getElementById("customerServices").style.visibility = "hidden";
			//ServicesBtn
			for(var i=0;i<servicesArray.length;i++)
			{
				servicesArray[i].style.filter = "alpha(opacity=100)";
				servicesArray[i].style.MozOpacity = 1;
				servicesArray[i].style.opacity = 1;
			}
			break;
		}
	}
}

function openJQuery()
{
	if(currentPage=="home")
	{
		document.getElementById("jQueryBox").style.visibility = "visible"; 
		document.getElementById("jQueryClose").style.visibility = "visible";
	}
	
	if(currentPage=="ourServices")
	{
		document.getElementById("servicesMouseBlocker").style.visibility="visible";
		document.getElementById("sJQueryBox").style.visibility = "visible"; 
		document.getElementById("sJQueryClose").style.visibility = "visible";
	}
	
}

var servicesArray = new Array();

function setServicesArray(){
//mechanicsArray.push(document.getElementById("collectorBtn"));
servicesArray.push(document.getElementById("sOnlineBtn"));
servicesArray.push(document.getElementById("sBankingBtn"));
servicesArray.push(document.getElementById("sCouponsBtn"));
servicesArray.push(document.getElementById("sDataBtn"));
servicesArray.push(document.getElementById("sHandlingBtn"));
servicesArray.push(document.getElementById("sCustomerBtn"));
}

function servicesClicked(elemId)
{		
	for(var i=0;i<servicesArray.length;i++)
	{
		servicesArray[i].style.filter = "alpha(opacity=50)";
		servicesArray[i].style.MozOpacity = 0.5;
		servicesArray[i].style.opacity = 0.5;
	}
	
	
	openJQuery();	
	switch(elemId)
	{
		case "sOnlineBtn":											
			document.getElementById("onlineServices").style.visibility = "visible"; 
		break;
		case "sBankingBtn":											
			document.getElementById("bankingServices").style.visibility = "visible"; 
		break;
		case "sCouponsBtn":											
			document.getElementById("couponsServices").style.visibility = "visible"; 
		break;
		case "sDataBtn":											
			document.getElementById("dataServices").style.visibility = "visible"; 
		break;
		case "sHandlingBtn":											
			document.getElementById("handlingServices").style.visibility = "visible"; 
		break;
		case "sCustomerBtn":											
			document.getElementById("customerServices").style.visibility = "visible"; 
		break;
	}
	
}

var mapBtnRoll = new Array(); 
mapBtnRoll["directions"] = new Image();mapBtnRoll["directions"].src = "Images/contact/directions.gif";
mapBtnRoll["directionsR"] = new Image();mapBtnRoll["directionsR"].src = "Images/contact/directionsR.gif";
function mapRollover(elem,elemId,n)
{switch(n){case 1:elem.src = mapBtnRoll[elemId + "R"].src;break;case 0:elem.src = mapBtnRoll[elemId].src;break;}}



/*============================================================Event handlers=================================================*/
/*
function _document_onclick(e)
{	
	var event = e ? e : window.event;
 	var target = e ? event.target : event.srcElement;
	alert(target.id);
	switch(target.id)
	{
		
	}	
}
*/
/*
if (document.layers) document.captureEvents(Event.ONCLICK);
	document.onclick = _document_onclick;
*/