$(document).ready(function() {

   $(".image_promotion .image_headlines a").hoverIntent({
      sensitivity: 7,
      interval: 100,
      over: show,
      timeout: 0,
      out: function(){}
   });


   $(".image_promotion .image_headlines li a").each(function (i) {
      var link = $(this);
      var imageID = link.attr("id")+"_N";
      var image = $("#"+imageID);
      var href = link.attr("href");

      image.click(function(){
        window.location = href;
      });
      image.css("cursor", "pointer");
      image.attr("title", $.trim(link.text()));
      
      image.append("<div class='shadow_holder'></div>");
      var innerImage = image.find(".inner-image");
      var shadowHolder = image.find(".shadow_holder");
      shadowHolder.css("height", innerImage.height());
      shadowHolder.css("opacity", .7);
   });

   
   
});

function show(){
   var link = $(this);
   
   /* Deselektierung, Entfernen der Klassen */
   var oldSelectedLi = link.parent().parent().find("li.selectedLi");
   oldSelectedLi.find("a").removeClass("selected");
   oldSelectedLi.removeClass("selectedLi");
   
   /* Selektierung: Hinzufuegen der Klassen */
   link.addClass("selected");
   link.parent().addClass("selectedLi");
   
   var imageContainer = link.parent().parent().parent();
   var currentSelected = imageContainer.find("li.open");


   var newID = link.attr("id")+"_N";
   var newSelected = imageContainer.find("#"+newID);

   var currentID = currentSelected.attr("id"); 

   if(newID == currentID)
       return;
   
   newSelected.addClass("openNext");

   var newInnerImage    = newSelected.find(".inner-image");
   var newShadowHolder  = newSelected.find(".shadow_holder");
   newInnerImage.hide();
   newShadowHolder.hide();

   currentSelected.fadeOut(200, function() {
      currentSelected.removeClass("open");
      newSelected.addClass("open");
      newSelected.removeClass("openNext");
   });
   imageContainer.find("li.image").show();

   newInnerImage.slideDown(200);
   newShadowHolder.slideToggle(200);
}