var image_toggle_index = 0;
var image_loading = false;

function selectImage(index)
{
	image_current = index;
	var data = images[index];
	setBackground(data[0],data[1],data[2]);
	//setTextColor(data[3]);
}

function setBackground(img, width, height)
{
	if (!image_loading) image_toggle_index = 1-image_toggle_index;
	image_loading = true;
	document.getElementById("progress").style.display = "block";
	var img_id = "bgimage"+image_toggle_index;
	document.getElementById(img_id).onload = onBgImageLoaded;
	document.getElementById(img_id).src = img;
	resizeHandler();
}

function onBgImageLoaded()
{
	document.getElementById("bgimage"+image_toggle_index).style.display = "inline";
	document.getElementById("bgimage"+(1-image_toggle_index)).style.display = "none";
	document.getElementById("progress").style.display = "none";
	var data = images[image_current];
	setTextColor(data[3]);
	image_loading = false;
}


function resizeHandler()
{
	var data = images[image_current];
	scaleImage("bgimage"+image_toggle_index, data[1], data[2]);
	//place progress div at bottom
	var windowSize = getInnerSize();
	document.getElementById("progress").style.top = (windowSize[1] - 32)+"px";
}


function checkBackgroundClick(ev)
{
	ev = ev || window.event;
	var obj = ev.target || ev.srcElement;
	var nm = obj.nodeName.toUpperCase();
	if (obj == document.body || obj == document.getElementById("bgimage0") || obj == document.getElementById("bgimage1") || nm=="TR" || nm=="TD" || nm=="DIV") toggleThumbnails();
}


function toggleThumbnails()
{
	if (document.getElementById("thumbs_div").style.display == "none") showContent('thumbs');
	else showContent("");
}


function showContent(id)
{
	var divs = ["about","contact","thumbs"];
	for (var i=0;i<divs.length;i++)
	{
		document.getElementById(divs[i]+"_div").style.display = (divs[i] == id)?"block":"none";
		if (document.getElementById(divs[i]+"_a")) document.getElementById(divs[i]+"_a").style.textDecoration = (divs[i] == id)?"none":"underline";
	}
	//document.getElementById("_a").style.textDecoration = ("" == id)?"none":"underline";
}


function setTextColor(color)
{
	//color as string! : black/white
	document.body.style.color = color;
	var links = document.getElementsByTagName("a");
	for (var i=0;i<links.length;i++)
	{
		links[i].style.color = color;
	}
	//
	var images = document.getElementsByTagName("img");
	for (var i=0;i<images.length;i++)
	{
		if (images[i].className == "thumb_img") images[i].style.borderColor = color;
	}
	//
	document.getElementById("img_logo").src = "_imgs/dpp_"+color+".png";
}


function rolloverHandler(index)
{
	document.getElementById("span_name"+index).style.visibility = "visible";
	//document.getElementById("img_thumb"+index).style.width = "102%";
}

function rolloutHandler(index)
{
	document.getElementById("span_name"+index).style.visibility = "hidden";
	//document.getElementById("img_thumb"+index).style.width = "100%";
}


function setOnClick()
{
	document.body.onclick = checkBackgroundClick;
	//document.body.addEventListener('click',toggleThumbnails,false)
}