//NABS West Website Javascript
// Version 1.2
// Author: Michael McCloy - Kinetix Media Communications

//this is the javascript for the the image roll overs in the navigation area of the NABS west site

//This is the beggining of the image preloading script - makes sure the rollovers run smoothly

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		banner_1 = newImage("images/banner/banner_mouseon.jpg");
		banner_2 = newImage("images/banner/banner_mouseout.jpg");
		about_1 = newImage("images/nav/about_on.jpg");
		about_2 = newImage("images/nav/about_out.jpg");
		events_1 = newimage('images/nav/events_on');
		events_2 = newimages('images/nav/events_out.jpg');
		gethelp_1 = newimage('images/nav/gethelp_on.jpg');
		gethelp_2 = newimage('images/nav/gethelp_out.jpg');
		donate_1 = newimage('images/nav/donate_on.jpg');
		donate_2 = newimage('images/nav/donate_out.jpg');
		connect_1 = newimage('images/nav/get_connect_on.jpg');
		connect_2 = newimage('images/nav/get_connect_out.jpg');
		contact_1 = newimage('images/nav/contact_on.jpg');
		contact_2 = newimage('images/nav/contact_out.jpg');
		donate_btu1 = newimage('images/buttons/donate_out.gif');
		donate_btu2 = newimage('images/buttons/donate_on.gif');
		events_side = newimage('images/buttons/events_off.jpg');
		events_side1 = newimage('images/buttons/events_on.jpg');
		connect_side = newiamge('images/buttons/get_connect_on.jpg');
		connect_side1 = newimage('images/buttons/get_connect_off.jpg');
		contact_side = newimage('images/buttons/get_connect_on.jpg');
		contact_side1 = newimage('images/buttons/get_connect_off.jpg');
		career_side = newimage('images/buttons/nabs_car_on.jpg');
		career_side1 = newimage('images/buttons/nabs_car_off.jpg');
		pastnew_side = newimage('images/buttons/pastnews_on.jpg');
		pastnew_side1 = newimage('images/buttons/pastnews_off.jpg');
		donate_now_side = newimage('images/buttons/donatenow_on.jpg');
		donate_now_side1 = newimage('images/buttons/donatenow_off.jpg');
		
		
		preloadFlag = true;
	}
}

//source URLs for the image roll overs - if the image name or location changes you will have to change the URLs in the srcs array below
// More source URLs can be added.  Simply add another number into the srcs array and the URL of the images after it.  Then add add the proper event handlers in the page.  Please see the HTML page for the proper event handlers.

var srcs = new Array();
		   
srcs['1'] = 'images/banner/banner_mouseon.jpg';
srcs['2'] = 'images/banner/banner_mouseout.jpg';
srcs['3'] = 'images/nav/about_on.jpg';
srcs['4'] = 'images/nav/about_out.jpg';
srcs['5'] = 'images/nav/events_on.jpg';
srcs['6'] = 'images/nav/events_out.jpg';
srcs['7'] = 'images/nav/gethelp_on.jpg';
srcs['8'] = 'images/nav/gethelp_out.jpg';
srcs['9'] = 'images/nav/donate_on.jpg';
srcs['10'] = 'images/nav/donate_out.jpg';
srcs['11'] = 'images/nav/get_connect_on.jpg';
srcs['12'] = 'images/nav/get_connect_out.jpg';
srcs['13'] = 'images/nav/contact_on.jpg';
srcs['14'] = 'images/nav/contact_out.jpg';
srcs['15'] = 'images/buttons/donate_on.gif';
srcs['16'] = 'images/buttons/donate_out.gif';
srcs['17'] = 'images/buttons/events_off.jpg';
srcs['18'] = 'images/buttons/events_on.jpg';
srcs['19'] = 'images/buttons/get_connect_on.jpg';
srcs['20'] = 'images/buttons/get_connect_off.jpg';
srcs['21'] = 'images/buttons/nabs_car_on.jpg';
srcs['22'] = 'images/buttons/nabs_car_off.jpg';
srcs['23'] = 'images/buttons/pastnews_on.jpg';
srcs['24'] = 'images/buttons/pastnews_off.jpg';
srcs['25'] = 'images/buttons/donatenow_on.jpg';
srcs['26'] = 'images/buttons/donatenow_off.jpg';
srcs['27'] = 'images/buttons/how_get_on.jpg';
srcs['28'] = 'images/buttons/how_get_off.jpg';
srcs['29'] = 'images/buttons/pastnews_on.jpg';
srcs['30'] = 'images/buttons/pastnews_off.jpg';
srcs['31'] = 'images/buttons/past_events_on.jpg';
srcs['32'] = 'images/buttons/past_events_off.jpg';
srcs['33'] = 'images/buttons/donating_on.jpg';
srcs['34'] = 'images/buttons/donating_off.jpg';
srcs['35'] = 'images/buttons/friends_on.jpg';
srcs['36'] = 'images/buttons/friends_off.jpg';
srcs['37'] = 'images/buttons/sucess_on.jpg';
srcs['38'] = 'images/buttons/sucess_off.jpg';

//These are the ids of the images in the page that will be rolled over - the ids are attached to the images in the <div> with the ID of nav

var ids = new Array();

ids['1'] = 'bannerimg';
ids['2'] = 'bannerimg';
ids['3'] = 'about_nav';
ids['4'] = 'about_nav';
ids['5'] = 'events_nav';
ids['6'] = 'events_nav';
ids['7'] = 'help_nav';
ids['8'] = 'help_nav';
ids['9'] = 'donate_nav';
ids['10'] = 'donate_nav';
ids['11'] = 'connect_nav';
ids['12'] = 'connect_nav';
ids['13'] = 'contact_nav';
ids['14'] = 'contact_nav';
ids['15'] = 'donate_btu';
ids['16'] = 'donate_btu';
ids['17'] = 'eventside';
ids['18'] = 'eventside';
ids['19'] = 'connect_side';
ids['20'] = 'connect_side';
ids['21'] = 'carre_side';
ids['22'] = 'carre_side';
ids['23'] = 'news_side';
ids['24'] = 'news_side';
ids['25'] = 'donate_side';
ids['26'] = 'donate_side';
ids['27'] = 'how_get_side';
ids['28'] = 'how_get_side';
ids['29'] = 'news_side';
ids['30'] = 'news_side';
ids['31'] = 'events_side';
ids['32'] = 'events_side';
ids['33'] = 'donating_side';
ids['34'] = 'donating_side';
ids['35'] = 'friends';
ids['36'] = 'friends';
ids['37'] = 'success';
ids['38'] = 'success';



function rollon(nums) {
	document.getElementById(ids[nums]).src = srcs[nums];
}

function rollout(nums) {
	document.getElementById(ids[nums]).src = srcs[nums];
}