var c=70;
var zoom;
var obj;

function stopZoom() {
	clearTimeout(zoom);
   	c=70;
   	obj.style.zIndex=0;
   	obj.style.width=c+'px';
   	obj.style.height=2/3*c+'px';
}

function zoooom(objj) {
	obj = objj;
	zooom();
}

function zooom() {
	
	if(c>130) {
		return;
	}
	c+=2;

	obj.style.zIndex = 1001;
   	obj.style.width=c+'px';
   	obj.style.height=2/3*c+'px';
   	zoom=setTimeout(function(){zooom();}, 10);
}

function nextImage(id, number_of_images) {
	var old_id = null;
	if(id.length == 4)
		old_id = id.substring(3,4);
	else if(id.length == 5)
		old_id = id.substring(3,5);
	old_id *=1;
	old_id +=1;
	if(old_id > number_of_images)
		old_id = old_id % number_of_images;
	return 'pic' + old_id;
}

function showImageInMainWindow(image_id, uri) {
	stopZoom();

	var back = document.getElementById("back");
	back.style.marginBottom = '12px';
	
	var number_of_images;
	
	if(uri == '/de/india.jsp')
	{
		number_of_images = 12;
		back.innerHTML = '<a href="india.jsp">&lt;&lt; zurück zur Rubrik Indien</a>';
	}
	else if(uri == '/en/india.jsp')
	{
		number_of_images = 12;
		back.innerHTML = '<a href="india.jsp">&lt;&lt; return to category India</a>';
	}
	else if(uri == '/de/reference.jsp')
	{
		number_of_images = 6;
		back.innerHTML = '<a href="reference.jsp">&lt;&lt; zurück zur Projekt&uuml;bersicht</a>';
	}
	else if(uri == '/en/reference.jsp')
	{
		number_of_images = 6;
		back.innerHTML = '<a href="reference.jsp">&lt;&lt; return to project page</a>';
	}
	
	var parent = document.getElementById("main_background");
	
	if ( parent.hasChildNodes() )
	{
	    while ( parent.childNodes.length >= 1 )
	    {
	    	parent.removeChild( parent.firstChild );       
	    } 
	}

	var image = document.getElementById(image_id);
	
	var newImage = image.cloneNode(false);
	newImage.style.position = 'relative';
	newImage.style.left = 0 + 'px';
	newImage.style.top = 0 + 'px';
	newImage.style.width = 526 + 'px';
	newImage.style.height = 300 + 'px';
	newImage.removeAttribute("onmouseover");
	newImage.removeAttribute("onmouseout");
	newImage.removeAttribute("onclick");
	newImage.onmouseover = null;
	newImage.onmouseout = null;
	newImage.onclick = function() {
		var picID = nextImage(image_id, number_of_images);
		showImageInMainWindow(picID, uri);
	}
	
	parent.appendChild(newImage);
	
	var headline = document.createElement("h1");
	headline.style.marginTop = '20px';
	headline.innerHTML = image.getAttribute("title");
	var text = document.createElement("p");
	text.innerHTML = image.getAttribute("alt");

	parent.appendChild(headline);
	parent.appendChild(text);
	
}