/*

JavaScript file images_rollover.js
	used for the default.aspx ONLY!!

*/

// preload of all rollover images
ImageOne = new Image;
ImageOne.src = "public/images/pic_default.jpg";
ImageTwo = new Image;
ImageTwo.src = "public/images/pic_guestbook.jpg";
ImageThree = new Image;
ImageThree.src = "public/images/pic_photo.jpg";
ImageFour = new Image;
ImageFour.src = "public/images/pic_service.jpg";
ImageFive = new Image;
ImageFive.src = "public/images/pic_contact.jpg";
ImageSix = new Image;
ImageSix.src = "public/images/pic_info.jpg";
ImageSeven = new Image;
ImageSeven.src = "public/images/pic_links.jpg";
ImageGlobal = new Image;
ImageGlobal.src = ImageOne.src;

// called on pageload event
function onPageLoad() {
	update_picture();
	//window.setTimeout('loop_highlight()', 3000);
}

// recursive function to reset start picture
function update_picture() {
	single_update_picture();
	window.setTimeout('update_picture()', 3000);
}

// real update of image source
function single_update_picture() {
	document.getElementById("home_content_picture").src = ImageGlobal.src;
}

// set global ImageGlobal for next image source update by update_picture on mouseover
function navi_mouse_over(Id) {
			document.getElementById(Id).color = "#DDDDDD";
	switch (Id) {
	case "layout_body_navi_info":
		ImageGlobal.src = ImageSix.src;
		break;
	case "layout_body_navi_guestbook":
		ImageGlobal.src = ImageTwo.src;
		break;
	case "layout_body_navi_photo":
		ImageGlobal.src = ImageThree.src;
		break;
	case "layout_body_navi_service":
		ImageGlobal.src = ImageFour.src;
		break;
	case "layout_body_navi_contact":
		ImageGlobal.src = ImageFive.src;
		break;
	case "layout_body_navi_links":
		ImageGlobal.src = ImageSeven.src;
		break;
	default:
		ImageGlobal.src = ImageOne.src;
		break;
	}
	single_update_picture();
}

// set global ImageGlobal for next image source update by update_picture on mouseout
function navi_mouse_out(Id) {
	document.getElementById(Id).color = "#000000";
	ImageGlobal.src = ImageOne.src;
}


// do highlight loop on on page (home) load
function loop_highlight() {
	document.getElementById('layout_body_navi_default').color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_info").color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_guestbook").color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_photo").color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_service").color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_contact").color = "#DDDDDD";
	nothing();
	document.getElementById("layout_body_navi_links").color = "#DDDDDD";
	window.setTimeout('loop_downlight()', 500)
}

function loop_downlight() {
	document.getElementById('layout_body_navi_default').color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_info").color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_guestbook").color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_photo").color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_service").color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_contact").color = "#000000";
	nothing();
	document.getElementById("layout_body_navi_links").color = "#000000";
}

// do nothing
function nothing() {
	
}