// JavaScript Document


function div_on(div) {
	document.getElementById(div).style.display = 'block';
}

function div_off (div) {
	document.getElementById(div).style.display = 'none';
}


function set_alpha(what, o) {
	 
	 var element=document.getElementById(what);
	  
	 // IE
	 element.style.filter = "alpha(opacity="+o+")";
	   // Safari, Konqueror
	 element.style.KHTMLOpacity = o/100;
	 // Mozilla, Firefox
	 element.style.MozOpacity = o/100;
	 // CSS3
	 element.style.opacity = o/100;
}
  
function fade_in(what, delay, o) {
	 if(o>100) {			 
	 	return;
	 }	 
	 set_alpha(what, o);
	 o+=2;
	 setTimeout("fade_in(\'"+what+"\',"+delay+","+o+")", delay);
}


function lade_bild (src) {
	//alert('url("./fotos/'+src+'")');
	
	src = src.replace('./fotos/', '');
	document.getElementById("content_bild").style.backgroundImage = 'url("./fotos/'+src+'")';		
	//Sprache ist invertiert also de > en
	set_alpha("content_bild", 40);
	fade_in("content_bild",10,40);	
	
	if (document.getElementById('lightbox_link')) {
		//alert("lightbox");
		var bilder_gross = src.replace('.', '_h.');
		bilder_gross = './fotos/' + bilder_gross;
		document.getElementById('lightbox_link').href =''+bilder_gross+'';
	}
	
}


function lade_bg (src, index, language) {
	src = src.replace('./fotos/', '');
	document.getElementById("content_gallery").style.backgroundImage = 'url("./fotos/'+src+'")';		
	//Sprache ist invertiert also de > en
	var text ='';
	if (language == "en" || language == "EN") {
		text = inhalte_en[index].replace("<div style='float:left; width:227px;", "<div style='float:left; width:227px;");
	} else {
		text = inhalte_de[index].replace("<div style='float:left; width:227px;", "<div style='float:left; width:227px;");
	}
	if (text == '') {		
		document.getElementById("grundriss_inhalt").style.display = 'none';		
	} else {
		text = text.replace(/clear:both; width:100%;/g, "clear:both; max-width:300px;");
		//alert(text);
		document.getElementById("grundriss_inhalt").innerHTML = text;		
		document.getElementById("grundriss_inhalt").style.display = 'block';		
	}
	set_alpha("grundriss_inhalt", 40);
	fade_in("grundriss_inhalt",10,40);	
	
}


function lade_inhalt (index, language) {
	var i, farbe, bild;
	if (inhalte_bilder[index] != "") {	
		bild = './fotos/'+inhalte_bilder[index];			
	} else {		
		bild = './fotos/hauptbild.jpg';
	}	
	document.getElementById('content_bild').style.backgroundImage = 'url("'+bild+'")';	
	for (i=1; i < max_cnt; i++) {
		farbe="#3d3d3d";
		if (i == index) {farbe="#8c8c8c";}
		document.getElementById("ueb_"+i).style.color = farbe;
	}
	if (language == "de") {
		document.getElementById("technik_content").innerHTML = inhalte_de[index];
	} else {
		document.getElementById("technik_content").innerHTML = inhalte_en[index];	
	}
	
	document.getElementById("technik_content").style.display = '';	
	set_alpha("content_bild", 40);
	fade_in("content_bild",10,40);	
	set_alpha("technik_content", 40);	
	fade_in("technik_content",10,40);
	if (document.getElementById('lightbox_link')) {	
		document.getElementById('lightbox_link').href = bild;
	}
}




function show_galerie(galerieid, bild) {
//zeigt thumbnails zu Bildergalerie
	var bilder = gallery[galerieid].split(","), titeln = titel_t[galerieid].split(","), alts = alt_t[galerieid].split(","), breite = '25%', hoehe='32%', inhalt='<div style="height:17px; clear:both;"><img border="0" alt="Michel de Vries" src="./pics/pixel.gif" height="17" width="576" /></div>', navi = '', start=0, end = 0, bilder_klein = '',i=0;
	
	if (bild < 0) {
		bild = 0;	
	}
	end = bilder.length - 1;
	
	if (bilder.length > 12) { 	
		for (i=0; i<=bild; i+=12) {
			start = i;	
		}
	}
	if (end > (start + 11 )) {
	 	end = start + 11;
	}	
	
	if ((end - start) < 6) {
		breite = '50%';	
		if ((end - start) < 4) {	
			hoehe='50%'
		}	
	}
	if (start != 0) {				
		navi += '<a href="#" onclick="show_galerie('+ galerieid +','+ (start - 12) +');">&lt;&lt;</a>';			
	}
	if (end != (bilder.length - 1)) {
		if (navi != '') {navi +='&nbsp;&nbsp;&nbsp;'; }
		navi += '<a href="#" onclick="show_galerie('+ galerieid +','+ (start + 12)  +');">&gt;&gt;</a>';			
	}	
		
	set_alpha("media_navi", 1);
	fade_in("media_navi",2,1);	
	document.getElementById('media_navi').innerHTML=navi;
				
	for (;start <= end; start++) {
		bilder_klein = bilder[start].replace('.', '_l.');
		inhalt +='<div class="text" style="float:left; width:'+breite+'; height:'+hoehe+'; text-align:center; ">';
		inhalt +='<a href="#" onclick="show_picture('+ galerieid +','+ start  +');" style="text-decoration:none;">';
		inhalt +='<img border="0"  alt="'+alts[start]+'" src="./fotos/'+bilder_klein+'" height="90" />';
		inhalt +='<br />'+titeln[start];
		inhalt +='</a></div>';
	}	
	set_alpha("content_gallery", 40);
	fade_in("content_gallery",10,40);		
	document.getElementById('content_gallery').innerHTML=inhalt;
	document.getElementById('content_bild').style.display='none';
	document.getElementById('content_gallery').style.display='block';

}



function show_movie(index, name) {
//zeigt thumbnails zu Bildergalerie
	var width=576, height=370, movies = new Array(), inhalt ='';
	
	movies[1] = "abenteuer_auto.mov";

	set_alpha("media_navi", 1);
	fade_in("media_navi",2,1);	
	document.getElementById('media_navi').innerHTML=name;
				
	inhalt = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="'+width+'" height="'+height+'">';
	inhalt += '<param name="src" value="./video/'+movies[index]+'" />';
	inhalt += '<param name="controller" value="true" />';
	inhalt += '<object type="video/quicktime" data="./video/'+movies[index]+'" width="'+width+'" height="'+height+'" class="mov">';
	inhalt += '<param name="controller" value="true" />';
	inhalt += '</object></object>';
	
		
	set_alpha("content_gallery", 40);
	fade_in("content_gallery",10,40);	
	document.getElementById('content_bild').style.backgroundImage = 'url("./pics/pixel.gif")';	
	document.getElementById('content_bild').innerHTML=inhalt;
	document.getElementById('content_bild').style.backgroundColor='#000000';	
	document.getElementById('content_gallery').style.display='none';
	document.getElementById('content_bild').style.display='block';

}


function show_picture(galerieid, bild) {
//zeigt ausgew&auml;hltes Bild an
	var bilder = gallery[galerieid].split(","), bilder_gross='', navi = '';
	bilder_gross = bilder[bild].replace('.', '_h.');
	bilder_gross = './fotos/' + bilder_gross;
	set_alpha("content_bild", 40);
	fade_in("content_bild",10,40);	
	document.getElementById('content_bild').style.backgroundImage = 'url("'+bilder_gross+'")';
	//alert('./fotos/'+bilder[bild]);
	document.getElementById('lightbox_link').href ='./fotos/'+bilder[bild]; 	
	document.getElementById('content_gallery').style.display='none';		
	document.getElementById('content_bild').style.display='block';
	if (bild != 0) {
		navi += '<a href="#" onclick="show_picture('+ galerieid +','+ (bild - 1) +');">&lt;&lt;</a>&nbsp;&nbsp;';			
	}		
	navi += '<a href="#" onclick="show_galerie('+ galerieid +','+ bild +');">index</a>';
	bild++;	
	if (bild != bilder.length) {
		navi += '&nbsp;&nbsp;<a href="#" onclick="show_picture('+ galerieid +','+ bild +');">&gt;&gt;</a>&nbsp;&nbsp;';			
	}			
	document.getElementById('media_navi').innerHTML=navi;	
	set_alpha("media_navi", 1);
	fade_in("media_navi",2,1);
	
}

function starte_medias(cnt) {
//Seiten initialisierung
	var element=document.getElementById('navi').style, start = 28;
	
	if (cnt > 28) {
		set_alpha("media_navi", 1);	
		document.getElementById('media_navi').style.display= '';	
		fade_in("media_navi",10,1);			
		return;
	}
	
	element.bottom  = (start - cnt)+'px';
	cnt++;
	setTimeout("starte_medias("+cnt+")", 20);

}