// JavaScript Document

var d = document;
var w = window;
var lastTimeout = null; // Number
var firstRun = false // Boolean

/* NAVIGATION */
if(d.images){
	EmployersRoll = new Image();
	EmployersRoll.src = "images/home-intro-employers-on.gif";
	EmployersOff = new Image();
	EmployersOff.src = "images/home-intro-employers.gif";
	
	EmployeesRoll = new Image();
	EmployeesRoll.src = "images/home-intro-employees-on.gif";
	EmployeesOff = new Image();
	EmployeesOff.src = "images/home-intro-employees.gif";
	
	OpticiansRoll = new Image();
	OpticiansRoll.src = "images/home-intro-opticians-on.gif";
	OpticiansOff = new Image();
	OpticiansOff.src = "images/home-intro-opticians.gif";
}

var lyrs = new Array();

lyrs[0] = "Welcome";
lyrs[1] = "Employers";
lyrs[2] = "Employees";
lyrs[3] = "Opticians";

var startTimer = function(num){
	lastTimeout = w.setTimeout("closePlus(4)", num);
};
var endTimer = function(){
	if (lastTimeout != null)
		w.clearTimeout(lastTimeout);
};

function populateMouseEvents(){
	for(var i = 0; i < lyrs.length; i++){
		if(d.getElementById("Menu"+lyrs[i])){
			d.getElementById("Menu"+lyrs[i]).onmouseover = function(){
				endTimer();
			};
			
			d.getElementById("Menu"+lyrs[i]).onmouseout = function(){
				startTimer(500);
			};
		};
	};
	d.getElementById("info").onmouseover = d.getElementById("mainimage").onmouseover = function(){
		endTimer();
	};
	d.getElementById("info").onmouseout = d.getElementById("mainimage").onmouseout = function(){
		startTimer(40);
	};
	
};

function imgRoll(n){
	if(!firstRun){
		populateMouseEvents();
		firstRun = true
	}
	
	closePlus(n);
	
	if(d.getElementById("Menu"+lyrs[n]))
		d.getElementById("Menu"+lyrs[n]).src = eval(lyrs[n]+"Roll").src;
	
	for(i=0;i<lyrs.length;i++){
		tempL = lyrs[i].toLowerCase();
		d.getElementById(tempL).className="hide";	
	}
	
	var lyr = lyrs[n].toLowerCase();
	
	if(d.getElementById(lyr))
		d.getElementById(lyr).className="show";
	
	mImg = d.getElementById("mainimage").getElementsByTagName("img");

	mImg[0].src="images/"+lyr+"-img.jpg";	
}

function setDots(n){
	if(n==1){
		d.getElementById("menu2").className="nodots";
		d.getElementById("menu3").className="";
	}
	
	if(n==2){
		d.getElementById("menu2").className="nodots";
		d.getElementById("menu3").className="nodots";
	}	

	if(n==3){
		d.getElementById("menu2").className="";
		d.getElementById("menu3").className="nodots";
	}	

	if(n==4){
		d.getElementById("menu2").className="";
		d.getElementById("menu3").className="";
	}
};

function imgOff(n){
	if(d.getElementById("Menu"+lyrs[n]))
		d.getElementById("Menu"+lyrs[n]).src = eval(lyrs[n]+"Off").src;
};

function closeAll(){
	for (var i = 0; i < lyrs.length; i++)
		imgOff(i);
}

function defaultText(){
	d.getElementById("welcome").className="show";
	d.getElementById("employers").className="hide";
	d.getElementById("employees").className="hide";
	d.getElementById("opticians").className="hide";
	image= d.getElementById("mainimage").getElementsByTagName("img");
	image[0].src="images/welcome-img.jpg";
};

function closePlus(i){
	closeAll();
	setDots(i);
	defaultText();
}

var rollover = function(t, obj){
	t.src = obj;
};

var hldr = new Image();
var arr = new Array("images/btn-order-vouchers-hover.gif",
					"images/btn-opticians-locator-hover.gif",
					"images/btn-download-brochure-hover.gif",
					"images/btn-contact-hover.gif"
);

var preload = function(){
	for (var i = 0; i < arr.length; i++)
		hldr.src = arr[i];
};

preload();