function linkOver(img){
	img.src = img.src.split("inactive").join("active");
}
function linkOut(img){
	if(img.className == 'selected'){
		return;
	}
	img.src = img.src.split("active").join("inactive");
}


function openBox(){
	var smalltext = document.getElementById("smalltext");
	var div = document.getElementById("moreBox");	
	if(div.style.display == "none" || div.style.display ==  ""){
		div.style.display = "block";
		// smalltext.scrollTop = 9999;
	} else {
			div.style.display = "none";
			// smalltext.scrollTop = 0;
			
	}
	
}

function initImages(path, number){
	if(number <= 1){
		var smalltext = document.getElementById("smalltext");
		smalltext.style.display = "block";
		return;
	}
	var i = 1;
	var sub = document.getElementById("subcontent");
	var str = [];
	while (i <= number){
		str.push("<a id=\"imagelastlink_"+i+"\" href=\"javascript: var o = showImage('"+path+"'," + i +");\">"+ i+"</a>");
		i++;
		
	}
	str = str.join("&nbsp;<a>|</a>&nbsp;");
	sub.innerHTML = str;
	showImage(path, 1);
}


function showImage(path, index){
	if(lastlink != null){
		lastlink.style.color = "#ffffff";
	}	
	lastlink = document.getElementById("imagelastlink_" + index);
	var imagetitle = document.getElementById("imgtitle");
	var innercontent = document.getElementById("innercontent");	
	var inner = "<img id='projectimage' src='" + path + index + ".jpg' alt='Projektbild' />";	
	var cont = document.getElementById("imagecontainer");
	cont.innerHTML = inner;
	lastlink.style.color = "#ccda93";
	var smalltext = document.getElementById("smalltext");
	if(index == 1){
		imagetitle.style.visibility = "hidden";
		innercontent.style.marginLeft = "80px";
		smalltext.style.display = "block";
        //
		var w = (960-document.getElementById("projectimage").width-81-15);
		smalltext.style.width = w + "px";
		
		
	} else {
		imagetitle.style.visibility = "visible";
		smalltext.style.display = "none";	
		innercontent.style.marginLeft = 0;
	}
}
lastlink = null;