/**
 * JavaScript zum Aus- und Einblednen der Sidebar (Navigation)
 * -> lässt die Sidebar animiert verschwinden und klappt sie animiert wieder herein
 * -> effects.js von script.aculo.us wird vorausgesetzt und verwendet
 *
 * @author Weber
 */

//diese Funktion dient zum Auf und Abblenden des Statements...

function statement_toggle() {  
  //wenn die Sidebar ausgeblendet ist, dann...
  if (document.getElementById("pic_info_anim").style.display == 'none') {
    
    var IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;
    var IE8 = (navigator.appVersion.indexOf("MSIE 8.")==-1) ? false : true;
    var IE = (navigator.appName == "Microsoft Internet Explorer") ? true : false; 
    //alert("asdf");
    //sidebar_show(); //-> siehe Funktionsbeschreibung
    //Hier wird ein Cookie mit dem Namen "sidebar" auf den Wert "2" gesetzt
    //dieses Cookie dient zur überprüfung, ob die Sidebar ein oder ausgeklappt ist
    //der Wert 2 definiert den Zustand: "ausgeklappt"
    //document.cookie = "sidebar=2; path=/";
    //Moveby ist eine Funktion aus der Effekts.js - Bibliothek
    //dieser Effekt bewegt ein Element um einen bestimmten Wert
    //die Bewegung wird in einer Schleife abgearbeitet, sodass eine "Animation" entsteht
    //das erste Attribut ist das zu bewewegende Element
    //und der zweite Wert gibt die Verschiebung in Y (auf und ab) an
    //der dritte Wert gibt die Verschiebung in X (rechts und links) an.
    
      $(1).onClick = '';
      $(2).onClick = '';
      $(3).onClick = '';
    
    if (IE && !IE7 && !IE8) {
      IE6_show();
      window.setTimeout('text_show()',200);
      //new Effect.MoveBy(document.getElementById("pic_info_anim"),68,0,{duration:2}); 
      //new Effect.MoveBy(document.getElementById("background-line"),68,0,{duration:2});       
    } else {

      new Effect.BlindDown(document.getElementById("pic_info_anim"),{duration:1});
      new Effect.BlindDown(document.getElementById("background-line"),{duration:1});
      new Effect.MoveBy(document.getElementById("background-line_shadow"),68,0,{duration:1});
      window.setTimeout('text_show()',1000);

    }
    
    //$(1).hide();
    
      $(1).onClick = 'statement_toggle()';
      $(2).onClick = 'statement_toggle()';
      $(3).onClick = 'statement_toggle()';
    
    //new Effect.MoveBy(document.getElementById("footer_info_box"),0,toright);
    //new Effect.MoveBy(document.getElementById("view"),0,toright);
    //Nach dieser Zeit "1000" [ms] wird die Funktion "sidebar_show_bg" aufgerufen
    
    //window.setTimeout('background_height()',2000);
  }  else  {
    
    text_hide();
    
    var IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;
    var IE8 = (navigator.appVersion.indexOf("MSIE 8.")==-1) ? false : true;
    var IE = (navigator.appName == "Microsoft Internet Explorer") ? true : false; 
    
    

    //sidebar_swap_bg(); //-> siehe Funktionsbeschreibung
    //Hier wird ein Cookie mit dem Namen "sidebar" auf den Wert "2" gesetzt
    //dieses Cookie dient zur überprüfung, ob die Sidebar ein oder ausgeklappt ist
    //der Wert 2 definiert den Zustand: "ausgeklappt"
    //document.cookie = "sidebar=1; path=/";
    //Moveby ist eine Funktion aus der Effekts.js - Bibliothek
    //dieser Effekt bewegt ein Element um einen bestimmten Wert
    //die Bewegung wird in einer Schleife abgearbeitet, sodass eine "Animation" entsteht
    //das erste Attribut ist das zu bewewegende Element
    //und der zweite Wert gibt die Verschiebung in Y (auf und ab) an
    //der dritte Wert gibt die Verschiebung in X (rechts und links) an.
    if (IE && !IE7 && !IE8) {
      IE6_hide();
      window.setTimeout('change_symbol_arrow()',500);  //-> siehe Funktionsbeschreibung
      //new Effect.MoveBy(document.getElementById("pic_info_anim"),-68,0,{duration:2}); 
      //new Effect.MoveBy(document.getElementById("background-line"),-68,0,{duration:2}); 
    } else {
      new Effect.BlindUp(document.getElementById("pic_info_anim"),{duration:1});
      new Effect.BlindUp(document.getElementById("pic_info_text_anim"),{duration:1});
      new Effect.BlindUp(document.getElementById("background-line"),{duration:1});
      new Effect.MoveBy(document.getElementById("background-line_shadow"),-68,0,{duration:1});
      window.setTimeout('change_symbol_arrow()',2100);  //-> siehe Funktionsbeschreibung
    }
    
    //alert("up");
    //new Effect.MoveBy(document.getElementById("footer_info_box"),0,toleft); 
    //new Effect.MoveBy(document.getElementById("view"),0,toleft); 
    //Nach dieser Zeit "1000" [ms] wird die Funktion "sidebar_hide" aufgerufen
  }
}

//diese Funktion versteckt die Sidebar und blendet den Pfeil, der als Linkt dient wieder ein...
function text_show() {  
  new Effect.Appear(document.getElementById("pic_info_text_anim"),{duration:1}); 
  document.getElementById("pic_info_symbol").style.backgroundImage="url(/res/pics/pic_info_symbol1.gif)";
  //mit display = 'none' wird das Element unsichtbar
  //document.getElementById("pic_info").style.display = 'none';  
  //so kann man ein Element wieder einblenden
  //document.getElementById("arrow_anim").style.display = 'block';  
}
function text_hide() {  
  new Effect.Fade(document.getElementById("pic_info_text_anim"),{duration:0.5});    
  //mit display = 'none' wird das Element unsichtbar
  //document.getElementById("pic_info").style.display = 'none';  
  //so kann man ein Element wieder einblenden
  //document.getElementById("arrow_anim").style.display = 'block';  
}
function change_symbol_arrow() {
  var IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;
  var IE = (navigator.appName == "Microsoft Internet Explorer") ? true : false; 
    //if (navigator.appName == "Microsoft Internet Explorer") -> so kann man den Browser überprüfen...
  document.getElementById("pic_info_symbol").style.backgroundImage="url(/res/pics/pic_info_symbol2.gif)";  
  document.getElementById("background-line_shadow").style.marginTop= "294px";
  if (IE && !IE7) { 
  } else {
    document.getElementById("background-line_shadow").style.top= "0px";
  }
}
function background_height () {
  document.getElementById("pic_info_anim").style.height = "68px";
  document.getElementById("background-line").style.height = "68px";
}
function IE6_show () {
  new Effect.Appear(document.getElementById("pic_info_anim"),{duration:0.2});
  new Effect.Appear(document.getElementById("background-line"),{duration:0.2});
  document.getElementById("background-line_shadow").style.top= "68px";
  //background-line_shadow
  //document.getElementById("pic_info_anim").style.display = 'block';
}
function IE6_hide () {
  new Effect.Fade(document.getElementById("pic_info_anim"),{duration:0.2});
  new Effect.Fade(document.getElementById("background-line"),{duration:0.2});
  window.setTimeout('document.getElementById("background-line_shadow").style.top= "0px";',200);
  
  //document.getElementById("pic_info_anim").style.display = 'none';
}
//diese Funktion blendet die Sidebar wieder ein 
/*function sidebar_show() {
  //if (navigator.appName == "Microsoft Internet Explorer") -> so kann man den Browser überprüfen...
  document.getElementById("sidebar").style.display = 'block';  
}

//diese Funktion tauscht den Body-Background auf ein anderes Bild um (->strichlierte Linie links)
function sidebar_swap_bg() {   
  document.body.style.backgroundImage="url(/res/pics/body_bg_min.gif)";  
}

//diese Funktion blendet den Pfeil (neben "designers" unter dem "STEININGER" Schriftzug) aus
//und setzt den Bodyhintergrund wieder
function sidebar_show_bg() {
  document.body.style.backgroundImage="url(/res/pics/bodybg.gif)"; 
  document.getElementById("arrow_anim").style.display = 'none';
}

//diese Funktion wird beim Laden der Seite aufgerufen und bewirkt das ausblenden der Sidebar
//das ganze wird ohne Effekt abgewickelt, sodass der Vorgang für den User nicht sichtbar ist...
function onLoad() {
  document.body.style.backgroundImage="url(/res/pics/body_bg_min.gif)"; 
  document.getElementById("sidebar").style.display = 'none';  
  document.getElementById("arrow_anim").style.display = 'block';
  //die Abstände werden manuell gesetzt
  document.getElementById("view").style.marginLeft = 0;  
  document.getElementById("sidebar").style.marginLeft = "-200px";
  document.getElementById("footer_info_box").style.marginLeft = "-80px";
}*/