$(document).ready(function() {
  
  $('.tpl-section .middle').mouseenter(function() {
    
    var box  = $(this).parent();
    var box_inst = $(box);
    
    if(box_inst.hasClass("erden"))   var classname = "erden";
    if(box_inst.hasClass("agrar"))   var classname = "agrar";
    if(box_inst.hasClass("energie")) var classname = "energie";
    
    $('.tpl-background img').attr("src","").hide().attr("src","/templates/HP/www.kleeschulte.de_neu/images/tpl_bg_pic_" + classname + ".jpg").fadeIn(1300);
    $('.tpl-section .toppic').addClass("inactive");
    $('.toppic', box).removeClass("inactive");
    $('.tpl-section .middle .content-pic').addClass("inactive");
    $('.content-pic', box).removeClass("inactive").removeClass("big").addClass("small");
    $('.content', box).css({"padding-bottom":"0px","display":"block"}).animate({
      height:310
    });
    $('.footer', box).css("display","none");
    $('.tpl-pplayer .middle').addClass(classname).addClass("inactive");
  }).mouseleave(function() {
    var box  = $(this).parent();
    
    $('.tpl-section .content').stop();
    
    $('.tpl-background img').attr("src","/templates/HP/www.kleeschulte.de_neu/images/tpl_bg_pic.jpg").fadeIn();
    $('.tpl-section .toppic').removeClass("inactive");
    $('.tpl-section .middle .content-pic').removeClass("inactive");
    $('.content-pic', box).removeClass("small").addClass("big");
    $('.content', box).css({"height":"130px","padding-bottom":"6px","display":"none"});
    $('.footer', box).css("display","block");
    $('.tpl-pplayer .middle').attr("class", "box middle");
  });
  
  var is_open = false;
  
  $('.tpl-pplayer .middle').mouseenter(function() {
    if(!is_open) {
      $('.tpl-background img').attr("src","").hide().attr("src","/templates/HP/www.kleeschulte.de_neu/images/tpl_bg_pic_pp.jpg").fadeIn(1300);
      $('.tpl-section .toppic').addClass("inactive");
      $('.tpl-section .middle .content-pic').addClass("inactive");
      $(this).prev().show().animate({left:0});
      $(this).next().show().animate({left:373});
    }
    is_open = true;
  }).parent().mouseleave(function() {
    $('.tpl-background img').attr("src","/templates/HP/www.kleeschulte.de_neu/images/tpl_bg_pic.jpg");
    $('.tpl-pplayer .left').animate({left:173}, function() { $(this).hide(); });
    $('.tpl-pplayer .right').animate({left:173}, function() { $(this).hide(); });
    is_open = false;
    $('.tpl-section .toppic').removeClass("inactive");
    $('.tpl-section .middle .content-pic').removeClass("inactive");
  });
  
  $('.highslide').click(function() {
    return hs.htmlExpand(this, { contentId:'highslide-html' });
  });
  
});