//Funktion zum Seiteninhalt laden
function change_site(from, to) {
	//bei ungültigen/überflüssigen Wechseln nichts ausführen!
	if(from < 0) exit;
	if(from > 3) exit;
	if(to < 0) exit;
	if(to > 3) exit;
	if(to == from) exit;
	
	if(from == 0 && to != 0) hide_bar();
	if(to == 0 && from != 0) show_bar();
	
	$('content').update("");
	
	switch (to) {
	case 0:
		setTimeout("new Ajax.Request('page0.htm',{method:'get',onSuccess: function(transport){$('content').update(transport.responseText);pageloaded();}, onFailure: function(){ alert('Fehler beim Laden!') }, parameters: {}});",500);
		break;
	case 1:
		setTimeout("new Ajax.Request('page1.htm',{method:'get',onSuccess: function(transport){$('content').update(transport.responseText);pageloaded();}, onFailure: function(){ alert('Fehler beim Laden!') }, parameters: {}});",500);
		break;
	case 2:
		setTimeout("new Ajax.Request('page2.htm',{method:'get',onSuccess: function(transport){$('content').update(transport.responseText);pageloaded();}, onFailure: function(){ alert('Fehler beim Laden!') }, parameters: {}});",500);
		break;
	case 3:
		setTimeout("new Ajax.Request('page3.htm',{method:'get',onSuccess: function(transport){$('content').update(transport.responseText);pageloaded();}, onFailure: function(){ alert('Fehler beim Laden!') }, parameters: {}});",500);
		break;
	}
	
	//Navibar updaten (Elemente füllen bzw. entfüllen)
	$('nav_home').src = "imgnew/homeunfilled.png";
	$('nav_page1').src = "imgnew/dotunfilled.png";
	$('nav_page2').src = "imgnew/dotunfilled.png";
	$('nav_page3').src = "imgnew/dotunfilled.png";
	if(to == 0) $('nav_home').src = "imgnew/homefilled.png";
	if(to == 1) $('nav_page1').src = "imgnew/dotfilled.png";
	if(to == 2) $('nav_page2').src = "imgnew/dotfilled.png";
	if(to == 3) $('nav_page3').src = "imgnew/dotfilled.png";

	//Lademeldung anzeigen
		//Internet Explorer
   	timeie = setTimeout("$('loading').style.filter = 'alpha(opacity=100)';",1000);
  		//Mozialla
   	timefire = setTimeout("$('loading').style.MozOpacity = '1';",1000);
   	//Opera/CSS3
   	timeopa = setTimeout("$('loading').style.opacity = '1';",1000);

}

function pageloaded() {
	//Lademeldung ausblenden/Timer abbrechen
	window.clearTimeout(timeie);
	window.clearTimeout(timefire);
	window.clearTimeout(timeopa);
	//Internet Explorer
   $('loading').style.filter = 'alpha(opacity=0)';
  	//Mozialla
   $('loading').style.MozOpacity = '0';
   //Opera/CSS3
   $('loading').style.opacity = '0';
}


function showinfo(idnr) {
	var id = "comment"+idnr;
	
	
	$("comment1").hide();
	$("comment2").hide();
	$("comment3").hide();
	$("comment4").hide();
	$("comment5").hide();
	
	$(id).show();

}

//------------------------------------------------------------------------
function hide_bar() {
          change_height("content",380,560);
}



function show_bar() {
        change_height("content",560, 380);

}


function change_height(itemID, y1, y2) {
         stepsize = 5;  //Größe der Animationsschritte pro frame;
         steptime = 10;  //Zeit zwischen frames
			
         //Y-Bewegung
         if(y1 < y2){
         y1 = y1 + stepsize;}
         if(y1 > y2){
         y1 = y1 - stepsize;}
         
         //Stylesheet entsprechend verändern
         document.getElementById(itemID).style.height = y1+"px";
         
         
         //Wenn Bewegung noch nicht abgeschlossen -> Timer initialisieren
         if(y1 != y2) {
         	window.setTimeout("change_height('"+itemID+"',"+y1+","+y2+")",steptime);
         }

}