// JavaScript Document rollover images
var SiteAddy = "http://www.competitiveedgecoatings.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 aboutOver = preloadImage(SiteAddy+'/images/nav/about_over.png');
	var aboutOff = preloadImage(SiteAddy+'/images/nav/about.png');
	var contactOver = preloadImage(SiteAddy+'/images/nav/contact_over.png');
	var contactOff = preloadImage(SiteAddy+'/images/nav/contact.png');
	var powderOver = preloadImage(SiteAddy+'/images/nav/powder_over.png');
	var powderOff = preloadImage(SiteAddy+'/images/nav/powder.png');
	var ceramicOver = preloadImage(SiteAddy+'/images/nav/ceramic_over.png');
	var ceramicOff = preloadImage(SiteAddy+'/images/nav/ceramic.png');
	var filmOver = preloadImage(SiteAddy+'/images/nav/film_over.png');
	var filmOff = preloadImage(SiteAddy+'/images/nav/film.png');
	var blastOver = preloadImage(SiteAddy+'/images/nav/blast_over.png');
	var blastOff = preloadImage(SiteAddy+'/images/nav/blast.png');
	var box1on = preloadImage(SiteAddy+'/images/box1_over.jpg');
	var box1off = preloadImage(SiteAddy+'/images/box1.jpg');
	var box2on = preloadImage(SiteAddy+'/images/box2_over.jpg');
	var box2off = preloadImage(SiteAddy+'/images/box2.jpg');
	var box3on = preloadImage(SiteAddy+'/images/box3_over.jpg');
	var box3off = preloadImage(SiteAddy+'/images/box3.jpg');
	var box4on = preloadImage(SiteAddy+'/images/box4_over.jpg');
	var box4off = preloadImage(SiteAddy+'/images/box4.jpg');
}

//function for nav rollover
function navOver(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'_over.png")';
	}
}

//function for nav when rollover off
function navOff(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'.png")';
	}
}

//function for boxes when a mouse rolls over it
function mouseOn(imgName){
	if(document.images)
		document[imgName].src=eval(imgName + "on.src");
}

//function to return boxes to their original state.
function mouseOff(imgName){
	if(document.images)
		document[imgName].src=eval(imgName + "off.src");
}