// JavaScript Document rollover images

var SiteAddy = "http://www.webduckdesigns.com";

//function to preload the images for rollover affects.
function preloadImage(url){
	var i = new Image();
	i.src = url;
	return i;
}
//assign variables to the preloaded images
if (document.images){
	var homeOver = preloadImage(SiteAddy+'/images/nav/home_over.jpg');
	var homeOff = preloadImage(SiteAddy+'');
	var aboutOver = preloadImage(SiteAddy+'/images/nav/about_over.jpg');
	var aboutOff = preloadImage(SiteAddy+'');
	var contactOver = preloadImage(SiteAddy+'/images/nav/contact_over.jpg');
	var contactOff = preloadImage(SiteAddy+'');
	var portfolioOver = preloadImage(SiteAddy+'/images/nav/portfolio_over.jpg');
	var portfolioOff = preloadImage(SiteAddy+'');
	var servicesOver = preloadImage(SiteAddy+'/images/nav/services_over.jpg');
	var servicesOff = preloadImage(SiteAddy+'');
	var locationsOver = preloadImage(SiteAddy+'/images/nav/locations_over.jpg');
	var locationsOff = preloadImage(SiteAddy+'');
	var resourcesOver = preloadImage(SiteAddy+'/images/nav/resources_over.jpg');
	var resourcesOff = preloadImage(SiteAddy+'');
	var advertiseOver = preloadImage(SiteAddy+'/images/nav/advertise_over.jpg');
	var advertiseOff = preloadImage(SiteAddy+'');
}
//function for nav rollover
function navOver(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'_over.jpg")';
	}
}
//function for nav when rollover off
function navOff(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'")';
	}
}