//
// Sort out all our rollover images
//

// create container arrays for the IDs of images we're going to rollover
var arrRollers			= new Array();

// Add in the IDs of any images we're rolling over here.
// 
// So long as the images we're referencing all have a filename-0.gif (standard) and filename-1.gif (over) version
// in the same dir we should be all set. In other words, the following chunk should be the only part that needs
// editing on a project-to-project basis.
arrRollers[0]		= "home";
arrRollers[1]		= "why";
arrRollers[2]		= "members";
arrRollers[3]		= "advertise";

function preload() { 
	var arrLoad;
	arrLoad	= new Array(arrRollers.length);
		
		// Loop through our array of rollovers
		for (i = 0; i < arrRollers.length; i++) {
			arrLoad[i]		=  new Image();
			arrLoad[i].src	= "/img/nav/"+arrRollers[i]+"-1.gif";
			//alert(arrLoad[i].src);
		}
}
preload();

function imgLoad() {

	// Loop through our array of rollovers
	for (i = 0; i < arrRollers.length; i++) {

		// grab each image as a DOM object and get it's SRC
		var obj				= document.getElementById(arrRollers[i]);
		var offSrc			= obj.src;

		// Strip out the standard/over suffix 
		offSrc				= offSrc.substr(0,offSrc.length-6);

	// Attach events to change src on mouseover/mouseoff
	addEvent(obj, 'mouseover', imgOvr, true);
	addEvent(obj, 'mouseout', imgOff, true);
	}
	
}


//
// Over/Off events....target for decent browsers, and .srcElement for IE.
//
function imgOvr(event) {
	var img, strPreamble;
	if (event.srcElement) {
		img = event.srcElement;
	} else if (event.target) {
		img = event.target;
	} else {
		return;
	}
	strPreamble		= img.src.substr(0,img.src.length-6);
	img.src			= strPreamble + "-1.gif";
}

function imgOff(event) {
	var img, strPreamble;
	if (event.srcElement) {
		img = event.srcElement;
	} else if (event.target) {
		img = event.target;
	} else {
		return;
	}
	strPreamble		= img.src.substr(0,img.src.length-6);
	img.src			= strPreamble + "-0.gif";
}



//
// Scott Andrew's nifty functions for adding cross-browser event listeners.
// See www.scottandrew.com for more info.
//
function addEvent(obj, evType, fn, useCapture){
	if (obj.addEventListener) {
		obj.addEventListener(evType, fn, useCapture);
		return true;
	} else if (obj.attachEvent) {
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	} else {
		alert("Handler could not be attached");
  }
}


function removeEvent(obj, evType, fn, useCapture){
	if (obj.removeEventListener){
		obj.removeEventListener(evType, fn, useCapture);
		return true;
	} else if (obj.detachEvent){
		var r = obj.detachEvent("on"+evType, fn);
		return r;
	} else {
		alert("Handler could not be removed");
  }
} 


//
// Check if it's a DOM compatible browser, or older Operas which think they aren't but are.
//
function checkDOM() {
	if (document.getElementById && document.createTextNode) {
		return true;
	} else {
		return false;
	}
}


//
// Intialise everything we need to. Call init on window load, after checking it's a DOM compatible browser.
//
function init() {
	imgLoad();
}


if (checkDOM()) {
	addEvent(window, 'load', init, false);
}

function helpPop(url) {

	window.open(url,"help",'width=430,height=500,scrollbars=yes,status=no,toolbar=no,menubar=no')
}