// globals
var capable = document.getElementById;

// define all mouseover images here
var	MImages = new Array(); // ElementID, over graphic, regular graphic, down graphic
MImages[0] = new MenuImage("splApp","spl_app_go-on.gif","spl_app_go.gif","");
MImages[1] = new MenuImage("splEmp","spl_emp_go-on.gif","spl_emp_go.gif","");
MImages[2] = new MenuImage("footUrl","foot_url2-on.gif","foot_url2.gif","foot_url2-on.gif");
MImages[3] = new MenuImage("footUrl","foot_url-on.gif","foot_url.gif","foot_url-on.gif");
MImages[4] = new MenuImage("footSearch","foot_search-on.gif","foot_search.gif","foot_search-on.gif");
MImages[5] = new MenuImage("footSmap","foot_smap-on.gif","foot_smap.gif","foot_smap-on.gif");
MImages[6] = new MenuImage("app_home","app_home-on.gif","app_home.gif","app_home-on.gif");
MImages[7] = new MenuImage("app_events","app_events-on.gif","app_events.gif","app_events-on.gif");
MImages[8] = new MenuImage("app_faqs","app_faqs-on.gif","app_faqs.gif","app_faqs-on.gif");
MImages[9] = new MenuImage("app_contact","app_contact-on.gif","app_contact.gif","app_contact-on.gif");
MImages[10] = new MenuImage("appmenu","app_static-job.gif","","");
MImages[11] = new MenuImage("appmenu","app_static-who.gif","","");
MImages[12] = new MenuImage("appmenu","app_static-work.gif","","");
MImages[13] = new MenuImage("appmenu","app_static-benefits.gif","","");
MImages[14] = new MenuImage("app_toggle","app_toggle-on.gif","app_toggle.gif","");
MImages[15] = new MenuImage("emp_toggle","emp_toggle-on.gif","emp_toggle.gif","");
MImages[16] = new MenuImage("emp_home","emp_home-on.gif","emp_home.gif","emp_home-on.gif");
MImages[17] = new MenuImage("emp_events","emp_events-on.gif","emp_events.gif","emp_events-on.gif");
MImages[18] = new MenuImage("emp_forms","emp_forms-on.gif","emp_forms.gif","emp_forms-on.gif");
MImages[19] = new MenuImage("emp_policies","emp_policies-on.gif","emp_policies.gif","emp_policies-on.gif");
MImages[20] = new MenuImage("emp_contact","emp_contact-on.gif","emp_contact.gif","emp_contact-on.gif");
MImages[21] = new MenuImage("emp_benefits","emp_benefits-on.gif","emp_benefits.gif","emp_benefits-on.gif");
MImages[22] = new MenuImage("emp_comp","emp_comp-on.gif","emp_comp.gif","emp_comp-on.gif");
MImages[23] = new MenuImage("emp_recog","emp_recog-on.gif","emp_recog.gif","emp_recog-on.gif");
MImages[24] = new MenuImage("emp_refer","emp_refer-on.gif","emp_refer.gif","emp_refer-on.gif");
MImages[25] = new MenuImage("emp_training","emp_training-on.gif","emp_training.gif","emp_training-on.gif");
MImages[26] = new MenuImage("emp_jobs","emp_jobs-on.gif","emp_jobs.gif","emp_jobs-on.gif");
MImages[27] = new MenuImage("emp_more","emp_more-on.gif","emp_more.gif","emp_more-on.gif");

// MenuImage constructor
function MenuImage(img_id, img_in, img_out, img_down) {
	this.img_in = new Image();		// the image to use when mouseover
	this.img_out = new Image();		// the image to use when mouseout
	this.img_down = new Image();	// the image when 'down'
	this.img_id = img_id;			// the image id
    this.swapped = false;           // is the image swapped out?
    if(img_in)
        this.img_in.src = '../images/'+img_in;
    if(img_out)
        this.img_out.src = '../images/'+img_out;
    if(img_down)
        this.img_down.src = '../images/'+img_down;
}

// the default state for banner menus is set dynamically
function loadBannerDefaultState(imgIds, elemId) {
    var arrayElems = imgIds.split(",");
    for(var a in arrayElems)
        MImages[arrayElems[a]].img_out.src = document.getElementById(elemId).src;
}

// swap in the image
function imgIn(imgId) {
	if(capable) {
		theImg = document.getElementById(MImages[imgId].img_id);
		// check don't swap from the 'down' state
		if(theImg.src != MImages[imgId].img_down.src) {
			theImg.src = MImages[imgId].img_in.src;
            MImages[imgId].swapped = true;
        }
	}
}

// swap out the image
function imgOut(imgId) {
	if(capable) {
		theImg = document.getElementById(MImages[imgId].img_id);
		// don't swap unless the image was swapped out
		if(MImages[imgId].swapped == true)
			theImg.src = MImages[imgId].img_out.src;
	}
}

// make the image 'down'
function imgDown(imgId) {
	if(capable) {
		theImg = document.getElementById(MImages[imgId].img_id);
		theImg.src = MImages[imgId].img_down.src;
		// set all other buttons to 'regular'
		for(var a in MImages)
			if(document.getElementById(MImages[a].img_id) && a != imgId)
				document.getElementById(MImages[a].img_id).src = MImages[a].img_out.src;	
	}
}

// preload images from a packed array
function preloadImages(imgNames) {
	var index = 0;
	var imgNameArray = imgNames.split(',');
	var imageArray = new Array();
	
	for(var a in imgNameArray) {
		imageArray[index] = new Image();
		imageArray[index++].src = 'images/' + imgNameArray[a];
	}	
	return imageArray;
}

// set the supplied element's src attribute randomly from a given array
function randomImgFromArray(imgArray, theElement) {
	var rand = Math.floor(Math.random() * imgArray.length);
	if(capable)
		document.getElementById(theElement).src = imgArray[rand].src;
}