// slider.js - 06.03.09 - Copyright Jaroslav Herber - Weber eBusiness Services GmbH


jQuery.noConflict();

function switch_box() {
  if(document.getElementById('slider')) {
    var button = document.getElementById('slider').getElementsByTagName('span');
    var slider_content_box = document.getElementById('slider').getElementsByTagName('a');
  
    for(m = 0, n = 0; m < slider_content_box.length; m++) {
      if(slider_content_box[m].className == "slider_content" || slider_content_box[m].className == "slider_content active") {
        slider_content_box[m].setAttribute('id', 'slider_content_' + n);
        n++;
      }
    }
    
    for(k = 0, l = 0; k < button.length; k++) {
      if(button[k].className == "button" ||button[k].className == "button active_button") {
        button[k].setAttribute('id', 'button_' + l);
        l++;
      }
      var elements_number = l;
    }
    
    /* Die Hovereffekte bei den Buttons auch bei Hover von den Content-Boxen beibehalten */
    for(g = 0; g < elements_number; g++) {
      var mouseeffectin = document.getElementById('button_' + g).firstChild.getAttribute('onmouseover');
      document.getElementById('slider_content_' + g).setAttribute('onmouseover', mouseeffectin);
      var mouseeffectout = document.getElementById('button_' + g).firstChild.getAttribute('onmouseout');
      document.getElementById('slider_content_' + g).setAttribute('onmouseout', mouseeffectout);
    }
    
    for(var y = 0; y < elements_number; y++) {
      document.getElementById('button_' + y).onmouseover = function() {
        this.className += " hover";
      }
      document.getElementById('button_' + y).onmouseout = function() {
        this.className = this.className.replace(" hover", "");
      }
    }
    
      /* Aktion bei Hover über Button 1 */
      jQuery("#button_0").hover(
  			function(){jQuery('#slider_content_0').fadeIn(300);
                   jQuery('#slider_content_1').fadeOut(200);
                   jQuery('#slider_content_2').fadeOut(200);
                   jQuery('#slider_content_3').fadeOut(200);},
  			function(){
          /*if(document.getElementById('slider_content_0').className != "slider_content active")
            jQuery('#slider_content_0').fadeOut(200);*/
        }
  		);
  		
  		/* Aktion bei Hover über Button 2 */
  		jQuery("#button_1").hover(
  			function(){jQuery('#slider_content_1').fadeIn(300);
                   jQuery('#slider_content_0').fadeOut(200);
                   jQuery('#slider_content_2').fadeOut(200);
                   jQuery('#slider_content_3').fadeOut(200);},
  			function(){
  
        }
  		);
  		
  		/* Aktion bei Hover über Button 3 */
  		jQuery("#button_2").hover(
  			function(){jQuery('#slider_content_2').fadeIn(300);
                   jQuery('#slider_content_1').fadeOut(200);
                   jQuery('#slider_content_0').fadeOut(200);
                   jQuery('#slider_content_3').fadeOut(200);},
  			function(){
  
        }
  		);
  		
  		/* Aktion bei Hover über Button 4 */
  		jQuery("#button_3").hover(
  			function(){jQuery('#slider_content_3').fadeIn(300);
                   jQuery('#slider_content_1').fadeOut(200);
                   jQuery('#slider_content_2').fadeOut(200);
                   jQuery('#slider_content_0').fadeOut(200);},
  			function(){
  
        }
  		);
  		
  		jQuery("#slider").hover(
  		  function(){},
  		  function() {
  		    for (i=0;i<4;i++) {
  		      var ele = "#slider_content_" + i;
  		      if(jQuery(ele).hasClass("active")) {
  		        jQuery(ele).fadeIn(300);
  		      } else {
  		        jQuery(ele).fadeOut(300);
  		      }
  	      }
  	    }
  		);
  }
}


  window.onload = switch_box;