window.onload = preload;

function preload() {
	img = new Array();
	
	//onstate images
	img[0] = new Image();
	img[0].src = "images/home-on.jpg";
	
	img[1] = new Image();
	img[1].src = "images/about-on.jpg";
	
	img[2] = new Image();
	img[2].src = "images/services-on.jpg";
	
	img[3] = new Image();
	img[3].src = "images/cosmeticDentistry-on.jpg";
	
	img[4] = new Image();
	img[4].src = "images/cerec-on.jpg";
	
	img[5] = new Image();
	img[5].src = "images/general-on.jpg";
	
	img[6] = new Image();
	img[6].src = "images/testimonials-on.jpg";
	
	img[7] = new Image();
	img[7].src = "images/contact-on.jpg";
	
	img[8] = new Image();
	img[8].src = "images/payment-on.jpg";
}

/*function page(num) {
		var img = document.getElementById("cosmetic");
		switch(num) {
			case 0:
				img.src = "images/cosmeticDentistry-on.jpg";
				break;
		}
	}*/

function over(num) {
	
	switch(num) {
		case 0: 
			document.getElementById("home").src = "images/home-on.jpg";
			break;
		
		case 1: 
			document.getElementById("about").src = "images/about-on.jpg";
			break;
			
		case 2: 
			document.getElementById("services").src = "images/services-on.jpg";
			break;
			
		case 3: 
			document.getElementById("cosmetic").src = "images/cosmeticDentistry-on.jpg";
			break;
			
		case 4: 
			document.getElementById("cerec").src = "images/cerec-on.jpg";
			break;
			
		case 5: 
			document.getElementById("general").src = "images/general-on.jpg";
			break;
			
		case 6: 
			document.getElementById("testimonials").src = "images/testimonials-on.jpg";
			break;
			
		case 7: 
			document.getElementById("contact").src = "images/contact-on.jpg";
			break;
			
		case 8: 
			document.getElementById("payment").src = "images/payment-on.jpg";
			break;
	}
	
}

function off(num) {
	switch(num) {
		case 0: 
			document.getElementById("home").src = "images/home.jpg";
			break;
		
		case 1: 
			document.getElementById("about").src = "images/about.jpg";
			break;
			
		case 2: 
			document.getElementById("services").src = "images/services.jpg";
			break;
			
		case 3: 
			document.getElementById("cosmetic").src = "images/cosmeticDentistry.jpg";
			break;
			
		case 4: 
			document.getElementById("cerec").src = "images/cerec.jpg";
			break;
			
		case 5: 
			document.getElementById("general").src = "images/general.jpg";
			break;
			
		case 6: 
			document.getElementById("testimonials").src = "images/testimonials.jpg";
			break;
			
		case 7: 
			document.getElementById("contact").src = "images/contact.jpg";
			break;
			
		case 8: 
			document.getElementById("payment").src = "images/payment.jpg";
			break;
	}
}