// JavaScript Document

// PRELOADING HOVER-IMAGES - (C) DPone Technology (Arne Drews)
// ---------------------------------------------------------------------------
// const-vars can be changed for use in other applications
const image_path = "../images/";
const image_ext = ".jpg";
const hover_str = "_hover";
const is_active = "active";

// array with names of all images used as mouse-over (can be changed and/or expanded)
var image_names = new Array(
														 "tobooking"
														 );


// WARNING:
// CHANGING LINES ABOVE CAN DAMAGE SCRIPT FUNCTION AND LETS PROJECT
// DO SOMETHING WRONG !!!
// ----------------------------------------------------------------------------
// generell functionally mouseover-effect for given images from "image_array"
var images = new Array();
for(var ix=0; ix<image_names.length; ix++) {
	images[ix] = new Object();
	images[ix]["std"] = new Image(); images[ix]["std"].src = image_path+image_names[ix]+image_ext;
	images[ix]["hov"] = new Image(); images[ix]["hov"].src = image_path+image_names[ix]+hover_str+image_ext;
}

// function to toggle between std- and hover-images
function toggleImage(img) {
	var pos = -1;
	
	if(img.name != is_active) for(var x=0; x<image_names.length; x++) if(image_names[x] == img.name) pos=x;

	if(pos != -1) {
		if(img.src==images[pos]["std"].src) img.src = images[pos]["hov"].src;
		else img.src = images[pos]["std"].src;
	}
}

function showStateName(area,show) {
	var stlayer = document.getElementById('statelayer');
	
	stlayer.innerHTML = area.title;
	
	if(show) stlayer.style.display = "block";
	else stlayer.style.display = "none";
}