window.onload = function() {
	preloadImages();
}

function newImage(rslt) {
		newIm = new Image();
		newIm.src = rslt;
		return newIm;
}

function preloadImages() {
		dir = "navimages/";
		homeOver = newImage(dir+"navigation_over_01.jpg");
		vacationPackageOver = newImage(dir+"navigation_over_02.jpg");
		cruisesOver = newImage(dir+"navigation_over_03.jpg");
		flightsOver = newImage(dir+"navigation_over_04.jpg");
		hotelsOver = newImage(dir+"navigation_over_05.jpg");
		aboutusOver= newImage(dir+"navigation_over_06.jpg");
		travelResourcesOver = newImage(dir+"navigation_over_07.jpg");
		/* ORIGINAL IMAGES */
		ogHome = newImage(dir+"navigation_01.jpg");
		ogVacation = newImage(dir+"navigation_02.jpg");
		ogCruises = newImage(dir+"navigation_03.jpg");
		ogFlights = newImage(dir+"navigation_04.jpg");
		ogHotels = newImage(dir+"navigation_05.jpg");
		ogAboutus = newImage(dir+"navigation_06.jpg");
		ogTravel = newImage(dir+"navigation_07.jpg");
}

function swap(ob, image) {
	di = document.getElementById(ob);
	di.src = image;	
}
function chColorOver(ob) {
	cl = document.getElementById(ob);
	cl.style.color = "#FFFFFF";
}
function chColorOut(ob) {
	cl = document.getElementById(ob);
	cl.style.color = "#000000";
}	

function imover(ob) {
		switch(ob) {
		case "home" :
			swap('home', homeOver.src);
			chColorOver("homeLink");
		break;
		case "vacation" :
			swap('vacation', vacationPackageOver.src);
			showMenu('vacationMenus', 110, 375);
			chColorOver("vacationLink");
		break;
		case "cruises" :
			swap('cruises', cruisesOver.src);
			showMenu('cruisesMenus', 108, 190);
			chColorOver("cruiseLink");
		break;
		case "air" :
			swap('air', flightsOver.src);
			showMenu('airMenus', 150, 240);
			chColorOver("airLink");
		break;
		case "hotels" :
			swap('hotels', hotelsOver.src);
			showMenu('hotelsMenus', 100, 75);
			chColorOver("hotelLink");
		break;
		case "aboutus" :
			swap('aboutus', aboutusOver.src);
			showMenu('aboutusMenus', 120, 78);
			chColorOver("aboutLink");
		break;
		case "travel" :
			swap('travel',	travelResourcesOver.src);
			showMenu('travelMenus', 165, 215);
			chColorOver("travelLink");
		break;
			
	}
}
function imout(ob) {
		switch(ob) {
		case "home" :
			swap('home', ogHome.src);
			chColorOut("homeLink");
		break;
		case "vacation" :
			swap('vacation', ogVacation.src);
			hideMenu('vacationMenus');
			chColorOut("vacationLink");
		break;
		case "cruises" :
			swap('cruises', ogCruises.src);
			hideMenu('cruisesMenus');
			chColorOut("cruiseLink");
		break;
		case "air" :
			swap('air', ogFlights.src);
			hideMenu('airMenus');
			chColorOut("airLink");
		break;
		case "hotels" :
			swap('hotels', ogHotels.src);
			hideMenu('hotelsMenus');
			chColorOut("hotelLink");
		break;
		case "aboutus" :
			swap('aboutus', ogAboutus.src);
			hideMenu('aboutusMenus');
			chColorOut("aboutLink");
		break;
		case "travel" :
			swap('travel',	ogTravel.src);
			hideMenu('travelMenus');
			chColorOut("travelLink");
		break;
	}
}