//preload rollovers for image links
image_blog = new Image();
image_blog.src = "../images/RF_Blog_over.gif";
image_contact = new Image();
image_contact.src = "../images/RF_Contact_over.gif";
image_je = new Image();
image_je.src = "../images/JE_over.gif";
image_parkinglots = new Image();
image_parkinglots.src = "../images/parkinglots_over.gif";
image_portraits = new Image();
image_portraits.src = "../images/portraits_over.gif";
image_blog_dark = new Image();
image_blog_dark.src = "../images/RF_Blog_dark_over.gif";
image_contact_dark = new Image();
image_contact_dark.src = "../images/RF_Contact_dark_over.gif";
image_je_dark = new Image();
image_je_dark.src = "../images/JE_dark_over.gif";
image_parkinglots_dark = new Image();
image_parkinglots_dark.src = "../images/parkinglotsdark__over.gif";
image_portraits_dark = new Image();
image_portraits.src_dark = "../images/portraits_dark_over.gif";
//total images
var k = total_images;

//click on number to display that image
function showImage(number) {
	//get the number of the current image and reset its class to nothing
	var current = document.getElementById("current_image").innerHTML;
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "";
	//update the image and number in the hidden field
	document.getElementById("image_holder").innerHTML = '<img src=' + image_folder + image_name + number + format + '>';
	document.getElementById("current_image").innerHTML = number;
	//get the number of the new current image and reset its class to active
	var current = document.getElementById("current_image").innerHTML;
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "active_link";
}
//click on next to display next image or first one
function nextImage() {
	var current = document.getElementById("current_image").innerHTML;
	//get the number of the current image and reset its class to nothing	
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "";
	var next = parseInt(current);
	if (next == k) {
		var next = "1";
		} else {
		next++;
		}
	document.getElementById("image_holder").innerHTML = '<img src=' + image_folder + image_name + next + format + '>';
	document.getElementById("current_image").innerHTML = next ;
	//get the number of the new current image and reset its class to active
	var current = document.getElementById("current_image").innerHTML;
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "active_link";
}
//click on next to display next image or last one
function prevImage() {	
	var current = document.getElementById("current_image").innerHTML;
	//get the number of the current image and reset its class to nothing	
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "";	
	var next = parseInt(current);
	if (next == "1") {
		var next = k;
		} else {
		next--;
		}
	document.getElementById("image_holder").innerHTML = '<img src=' + image_folder + image_name + next + format + '>';
	document.getElementById("current_image").innerHTML = next ;
	//get the number of the new current image and reset its class to active
	var current = document.getElementById("current_image").innerHTML;
	var current_link = "active_link_" + current;
	document.getElementById(current_link).className = "active_link";
}