var over = 0;
function fadeEngine(x) {
     
     var total_divs = 3;

     var y=x;
     if (x==0){
       $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
    $(".element11").attr("src","/fileadmin/templates/images/aktiv.png");
     } else if (x==1){
       $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
    $(".element22").attr("src","/fileadmin/templates/images/aktiv.png");
     } else if (x==2){
       $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
    $(".element33").attr("src","/fileadmin/templates/images/aktiv.png");
     }
     if ( over != 1 ) {
          if(x==total_divs) y=1; else y++;
          $("#layer1 ul li:nth-child("+x+")").fadeOut(2500);
          $("#slidercontent ul li:nth-child("+x+")").fadeOut(2500);
          $("#layer1 ul li:nth-child("+y+")").fadeIn(2500);
          $("#slidercontent ul li:nth-child("+y+")").fadeIn(2500);
     }
     if (x==3)
        y=0
     setTimeout("fadeEngine("+y+")",10000);
}


fadeEngine(0);






$(document).ready(function() {


$("#layer1 ul li:nth-child(1)").show();
$("#slidercontent ul li:nth-child(1)").show();

$('.element11').click(function() {
  $("#layer1 ul li").hide();
  $("#layer1 ul li:nth-child(1)").show();
  $("#slidercontent ul li").hide();
  $("#slidercontent ul li:nth-child(1)").show();
  
  $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
  $(this).attr("src","/fileadmin/templates/images/aktiv.png");
  over = 1;
});
$('.element22').click(function() {
  $("#layer1 ul li").hide();
  $("#layer1 ul li:nth-child(2)").show();
  $("#slidercontent ul li").hide();
  $("#slidercontent ul li:nth-child(2)").show();
  
  $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
  $(this).attr("src","/fileadmin/templates/images/aktiv.png");
  over = 1;
});
$('.element33').click(function() {
  $("#layer1 ul li").hide();
  $("#layer1 ul li:nth-child(3)").show();
  $("#slidercontent ul li").hide();
  $("#slidercontent ul li:nth-child(3)").show();
  
  $(".element img").attr("src","/fileadmin/templates/images/inaktiv.png");
  $(this).attr("src","/fileadmin/templates/images/aktiv.png");
  over = 1;
});

$("#slidercontent").hover(
function () { over = 1; },
function () { over = 0; }    );





      
  $('#nav ul li:nth-child(1)').css('backgroundImage','url(/fileadmin/templates/images/stern1.jpg)');
  $('#nav ul li:nth-child(1)').hover(
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/stern2.jpg)');
    },
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/stern1.jpg)');
  });
  
  
  $('#nav ul li:nth-child(2)').css('backgroundImage','url(/fileadmin/templates/images/comment1.jpg)');
  $('#nav ul li:nth-child(2)').hover(
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/comment2.jpg)');
    },
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/comment1.jpg)');
  });
  
  
  $('#nav ul li:nth-child(3)').css('backgroundImage','url(/fileadmin/templates/images/plus1.jpg)');
  $('#nav ul li:nth-child(3)').hover(
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/plus2.jpg)');
    },
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/plus1.jpg)');
  });
  
  
  $('#nav ul li:nth-child(4)').css('backgroundImage','url(/fileadmin/templates/images/tv1.jpg)');
  $('#nav ul li:nth-child(4)').hover(
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/tv2.jpg)');
    },
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/tv1.jpg)');
  });
  
  
  $('#nav ul li:nth-child(5)').css('backgroundImage','url(/fileadmin/templates/images/foto1.jpg)');
  $('#nav ul li:nth-child(5)').hover(
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/foto2.jpg)');
    },
    function(){
      $(this).css('backgroundImage','url(/fileadmin/templates/images/foto1.jpg)');
  });
      
      
  $("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'fast',slideshow:10000, theme:'dark_rounded'});
  
  
  
  
  
  $('.scroll-pane').jScrollPane(
    {
      showArrows: true,
      verticalDragMinHeight: 20,
      verticalDragMaxHeight: 20,
      horizontalDragMinWidth: 20,
      horizontalDragMaxWidth: 20
    }
  );
  
});