ProBilder = new Array("A_R_Motoryacht.jpg", "Containerfusspunkt.jpg", "Deckhaus.jpg", "F122.jpg", "Gastank.jpg", "Gondelarm.jpg", "Kreiselkorper.jpg", "Laschbruecke.jpg", "Projekt_34.jpg",  "Pumpe.jpg", "Ruderanlage.jpg", "Schaltschrank.jpg", "Schiffstransport.jpg", "Sektionstransport.jpg", "Tankerquerrahmen.jpg");
	var InhaltG = "";
	var active = "HomeID";
	var DataActive = "Home";
	var DataEle;
	var i = 0;
	var nummer = 1;
	var holdon = false;
	var start = false;
	//var counter = window.setInterval("startimg()", 3000);
	function clicken(Ele) {
	
	DataEle= Ele.replace(/ID/,'');
	document.getElementById(active).className = document.getElementById(active).className.replace(/clicked/,'');
	document.getElementById(DataActive).style.display = "none";
	
	document.getElementById(DataEle).style.display = "block";
	document.getElementById(Ele).className += "clicked";
	active=Ele;
	DataActive=DataEle;
}
	/* Bildershow de/aktivieren
	if (Ele=="ProID")
	{
	Gallery();
	//start = true;
	}
//	else {
//	stopimg();
//	}
	}
	//Bildershow
	*/

	/*
	function startimg () {
	if (start==true){
		Nextimg();
	i++;
	if (i>= 300) {
		window.clearInterval(counter); 
		
	}	
	
	}
	}
	function Nextimg () {
	if (nummer>ProBilder.length-1){nummer=0;}
	Inhalt = "<img onclick='Newimg()' src='Projekte/"+ProBilder[nummer]+"'>";
	nummer++;
	document.getElementById("Prodiv").innerHTML = Inhalt;
	}
	
	function Newimg () {
	if (holdon==false) {
	window.clearInterval(counter); 
	holdon=true;}
	else{
	Nextimg();
	counter = window.setInterval("startimg()", 3000);
	holdon=false;}
	}
	*/
	
	function Gallery () {
	showVid("imgone");
	document.getElementById("Home").style.display = "block";
	for (var j=0; ProBilder.length-1>=j; j++) {
	InhaltG += "<img id='Gallery"+j+"' class='Gallery clickable' onclick='showIMG("+j+")' src='Projekte/"+ProBilder[j]+"' alt='' width='25%'/>";
	
	
	}
	document.getElementById("Proall").innerHTML = InhaltG;
	return true;
	
	
	}
	/*function showIMG (NR)
	{
	
	document.getElementById("IMGshow").innerHTML = "<img style='width:1900' src='Projekte/"+ProBilder[NR]+"'>";

	if (tempX>=1250/2)
	{tempX = tempX - 600}
	if (tempY>=800/2)
	{tempY = tempY - 400}
	document.getElementById("IMGshow").style.left = tempX;
	document.getElementById("IMGshow").style.top = tempY;
	
	document.getElementById("IMGshow").style.display = "block";
	}*/
	function showIMG (NR)
	{
	if(document.getElementById("IMGshow"+NR)) {
	document.getElementById("IMGshow").style.display = "none";
	document.getElementById("IMGshow").innerHTML = "";
	}
	else {	
	document.getElementById("IMGshow").innerHTML = "<img class='clickable IMGshow' id='IMGshow"+NR+"' onclick='hideIMG("+NR+")' style='width:100%' src='Projekte/"+ProBilder[NR]+"' alt=''>";
	
	document.getElementById("IMGshow").style.display = "block";
	}}
function hideIMG() {
	document.getElementById("IMGshow").style.display = "none";
	document.getElementById("IMGshow").innerHTML = "";
}


var langu = "langDE";
function changelang (langg){
	if (langg!=langu) {
	document.getElementById(langg).className = "active";
		document.getElementById(langu).className = "clickable";
		var allspan = document.getElementsByTagName('span');
		for (var i = 0; i < allspan.length; i++) {
			var thisElem = allspan[i];
			if (thisElem.className && thisElem.className == langu) {
				thisElem.style.display = 'none';
			}
			if (thisElem.className && thisElem.className == langg) {
				thisElem.style.display = 'inline';
			}
		}
		langu = langg;
	}
}

var aktuellesVid = "Vidone";
var Viddi;

inn = new Array("imgone","imgtwo","imgthree","imgfour","imgfive","imgsix");
outtDE = new Array("Brücke mit Fahrsimulation","Dynamische Untersuchung eines Maschinenraumes","Festigkeitsuntersuchung einer Lashbrücke für ein Containerschiff","Eigenfrequenzberechnung vom Mast einer Yacht","Schockberechnung einer Trafostation im U-Boot","Schockuntersuchung des Schwingkörpers eines Swath");
outtEN = new Array("Vid1EN","Vid2EN","Vid3EN","Vid4EN","Vid5EN","Vid6EN");

function showVid (idd) {
if (langu == "langDE"){
outtlang = outtDE;
}
else
{
outtlang = outtEN;
}
Viddi = idd.replace('img','Vid');

document.getElementById(aktuellesVid).style.display='none';
aktuellesVid = Viddi;

document.getElementById(Viddi).style.display='block';
for (var j=0; j<=inn.length-1; j++)
{
if (inn[j]==idd) {
document.getElementById("VidLabel").innerHTML = outtlang[j];
break;
}
}
}

function showLabel (obj) {
if (langu == "langDE"){
outtlang = outtDE;
}
else
{
outtlang = outtEN;
}
//alert("OffsetY: "+obj.offsetTop+" OffsetX: "+obj.offsetLeft+" Höhe: "+obj.style.height+" Länge: "+obj.style.width);

for (var j=0; j<=inn.length-1; j++)
{
if (inn[j]==obj.id) {
document.getElementById("CurrentLabel").innerHTML = outtlang[j];
break;
}
}
var agent = navigator.userAgent.toLowerCase(); 
var ie6 = (parseFloat( agent.substring( agent.indexOf('msie ') + 5 ) ))==6;

document.getElementById("CurrentLabel").style.top = obj.offsetTop+99+"px";
document.getElementById("CurrentLabel").style.left = obj.offsetLeft+"px";
document.getElementById("CurrentLabel").style.display='block';
if (ie6) {
document.getElementById("CurrentLabel").style.left=obj.offsetLeft-321+"px";
}

}