var TRANSITION = 200; // in milliseconds
var base = "/images/";
var images = ["fp-headerimg1.jpg", "accreditation.jpg", "stress-echo.jpg", "echo-and-vascular-ultrasound.jpg"];

var cache = [];

function fadeout(path) {
	$("#headimg").css({backgroundImage: "url(" + base + path + ".jpg)", backgroundRepeat: "no-repeat", float: "right"});
	$("#mainfade").stop().animate({opacity: 0}, TRANSITION);
}

function fadein() {
	$("#mainfade").stop().animate({opacity: 1}, TRANSITION);
}

// accepts ajax result and updates text
function updateText(path) {
	$("#fpmaintext").html($("#"+path).html());
}

function readywait() {
	$(".box").hover(
		// hover
		function () {
			var path = $(this).attr("href");
			// split link into array based on /'s and set path as last element
			// "/about/accreditation" -> "accreditation"
			var splitpath = path.split("/");
			if (path.charAt(path.length -1) == "/") {
				path = splitpath[splitpath.length-2];
			} else {
				path = splitpath[splitpath.length-1];
			}
			
			fadeout(path);
			//updateText(path);
		},
		// no hover
		function () {
			var path = $(this).attr("href");
			path = path.substring(1, path.length -1);
			fadein(path);
			//updateText("default");
		});
}


// MAIN
window.onload = function() {
	for (var i = 0; i < images.length; i++) {
		cache[i] = new Image();
		cache[i].src = base + images[i];
	}
	cache[images.length - 1].onload = readywait;
};