/*
 * ######################################################
 * ######################################################
 * SHOP
 * ######################################################
 * ######################################################
 */
function initShop(){
   
   var location = document.location.href;
   if(location.indexOf("#")!=-1){
      var selectedId = location.split("#")[1];
      
      var startswithtab = selectedId.substring(3,0);
      if(startswithtab!='tab'){
         selectedId = $("#content div.detailContent div.tabs ul.tabheads li a[href='#"+selectedId+"']");
      } else {
         selectedId = $("#"+selectedId);
      } 
      
      changeTab(selectedId);
   }
   
   
   $("#content .shop_detail_box .tabheads a.clickme").click(function() {
      changeTab($(this));
      return false;
   });
   
   $("#varianten #varianten_tabelle tr.tooltip").tooltip({
      bodyHandler: function() {
         var tooltipContainer = $(this).find("div.tooltip");
         return tooltipContainer.html();
      },
      showURL: false
   });
   
   // Verstecke die Antworten - nur per JS (Somit ohne JS auch nutzbar)
   $('.faq_ansicht_js dd.answer').hide();

   // Beim Klicken soll nichts passieren
   $(".faq_ansicht_js dt.question a").click(function(){
      // Hole die Antwort
      var dt = $($(this).attr("href"));
      // Ermittle die zuletzt geöffnete Antwort
      var selectedFAQ = $(".faq_ansicht_js .selectedFAQ");
      // Nur wenn die beiden nicht in der ID übereinstimmen, wird es aufgeklappt
      if(dt.attr("id")!=selectedFAQ.attr("id")){
         // 'Alte' FAQ verstecken
         selectedFAQ.slideUp(300);
         selectedFAQ.removeClass("selectedFAQ");
         // 'Neue' FAQ öffnen
         dt.slideDown(300);
         dt.addClass("selectedFAQ");
      }
      return false;
   });
}

function changeTab(newSelected) {
   var lastSelected = $("#content .shop_detail_box .tabheads a.selected");
   var lastSelectedBox = $(lastSelected.attr("href"));
   var newSelectedBox = $(newSelected.attr("href"));

   if(newSelected.hasClass("selected")){
      return false;
   }

   /* HIDE OLD DATA */
   lastSelected.removeClass("selected");
   lastSelectedBox.slideUp(250);
   
   /* SHOW NEW DATA */
   newSelected.addClass("selected");
   newSelectedBox.slideDown(250);
}
/*
 * ######################################################
 * ######################################################
 * COLOR-BOX FUER E-MAIL-LOGIN
 * ######################################################
 * ######################################################
 */
function initFAQAccordion(){
   $('#questions-container').accordion();
}
/*
 * ######################################################
 * ######################################################
 * COLOR-BOX FUER E-MAIL-LOGIN
 * ######################################################
 * ######################################################
 */
function initFAQSuche(){
   $('#listeMasterTable .faq_suchergebnis dd').hide();
   $('#listeMasterTable .faq_suchergebnis dt').css("cursor", "pointer");
   
   $("#listeMasterTable .faq_suchergebnis dt").click(function(){
      $(this).next().slideToggle(300);
   });
   
   $("#listeMasterTable .faq_suchergebnis dt").hover(
         function () {
           $(this).addClass("hover");
         }, 
         function () {
           $(this).removeClass("hover");
         }
       );

}

/*
 * ######################################################
 * ######################################################
 * Tabellen-Hover
 * ######################################################
 * ######################################################
 */
function initTableHover(){
   $("#varianten #varianten_tabelle tr").hover(
     function () {
      $(this).toggleClass("highlite");
     },
     function () {
      $(this).toggleClass("highlite");
     }
   ); 
}




/*
 * ######################################################
 * ######################################################
 * COLOR-BOX FUER E-MAIL-LOGIN
 * ######################################################
 * ######################################################
 */
function initSlideshow(){
   $('#header').cycle({
      fx: 'fade',
      speed:    1000, 
      timeout:  5000,
      before:   onBefore 
   });
}

/*
 * ######################################################
 * ######################################################
 * COLOR-BOX FUER E-MAIL-LOGIN
 * ######################################################
 * ######################################################
 */
function initEMailLightbox(){
   $('#login a').colorbox({inline:"true", href:"#webmail-login"});
}
/*
 * ######################################################
 * ######################################################
 * News-Slider
 * ######################################################
 * ######################################################
 */

function initNewsSlider(){
   var newsticker = $(".newsticker-jcarousellite");
   newsticker.jCarouselLite({
		hoverPause:true,
		visible: 3,
		auto:3500,
		speed:1500,
      btnNext: "#nextSlider",
      btnPrev: "#prevSlider"
   });
	
	var news = $(".newsticker-jcarousellite ul li");
	news.each(function (i) {
      var link = $(this).find(".info h3 a").attr("href");
      
      $(this).attr("href", link);
      
   });
   
	news.click(function(){
      window.location=$(this).attr("href"); return false;
    });
}
/*
 * ######################################################
 * ######################################################
 * TEASER
 * ######################################################
 * ######################################################
 */
function initTeaser(){
    //Volle Ausblendung des Textes
   var teaser = $("#content .teaser-container .teaser");
   teaser.each(function (i) {
      var teaserLink = $(this).find(".inner a").attr("href");
      $(this).attr("href", teaserLink);
      
      var teaserText = $(this).find(".inner .teaser-text");
      var height = 184 -(teaserText.find(".inner-teaser-text h3").height()+10);
      teaserText.css("top", height+"px");
   });
   
   teaser.css("cursor", "pointer");
   
   teaser.click(function(){
      window.location=$(this).attr("href"); return false;
    });
   
   teaser.hover(function(){
      var teaserText = $(".teaser-text", this);
      var height = 188-teaserText.height();
      teaserText.stop();
      teaserText.animate(
         {top:height+'px'},
         {queue:false,duration:160}
      );
    }, function() {
       var teaserText = $(".teaser-text", this);
       var height = 184 -(teaserText.find(".inner-teaser-text h3").height()+10);
       teaserText.stop();
       teaserText.animate(
          {top:height+'px'},
          {queue:false,duration:160}
       );
    });	
}
/*
 * ######################################################
 * ######################################################
 * PRODUKT-MENUE 
 * ######################################################
 * ######################################################
 */
function requestData(service, method) {
   var moxMessage = new MoxMessage(service,method);
   return MoxServer.executeData(moxMessage);
}

function getArtikel(artikelID, menuEntry) {
   var artikelPreview = $("#artikel-preview");
   artikelPreview.hide();
   $("#artikel-name").text("");
   $("#artikel-bild img").attr("src", "/images/system/allgemein/clear.gif");
   $("#artikel-bild img").css("max-height", "1px");
   $("#artikel-text").html("");
   
   var artikel = requestData("org.auctores.schaller.hp2", "getArtikelByID(\""+artikelID+"\")");
   var parentUL = menuEntry.parent().parent();
   var sName = $("<div>"+artikel.getData("srlhp_name")+"</div>").html();
   var sText = $("<div>"+artikel.getData("srlhp_text")+"</div>").html();
   $("#artikel-name").text(sName);
   $("#artikel-bild img").attr("src", artikel.getData("srlhp_bild"));
   $("#artikel-text").html(sText);
   
   artikelPreview.attr("href", menuEntry.attr("href"));
   
   // Set the Link for Tabs
   var link = artikelPreview.attr("href");
   
   $("#artikel-text .artikel-links a").each(function (i) {
      var tabID = $(this).attr("href");
      /* Workaround IE8 - stellt momentane URL vor die Raute */
      tabID = tabID.substring(tabID.indexOf("#"));
      $(this).attr("href", link+tabID);
   });
   
   parentUL.append(artikelPreview);
   artikelPreview.show();
   
   
   var distanceToTop = $("#artikel-preview").offset().top;
   
   if(distanceToTop>0)
      $("#artikel-bild img").css("max-height", (distanceToTop-15)+"px");
      
   return true;
}

function changeProduktBilder(){
   var menuLink = $("#MenuProdukte li a.firstEbene");
   
   var linkIMG = menuLink.find("img");
   
   var src = linkIMG.attr("src");
   var length = src.length;
   src = src.substring(length-5, length-4);
   var number = parseInt(src);
   if(number==8)
      number=1;
   else
      number++;
   
   
   linkIMG.css({opacity: "1"});
   linkIMG.fadeOut(800, function () {
      
      linkIMG.each(function (i) {
         var linkID = $(this).parent().attr("id");
         if(linkID=="PRD_GITARREN_ZUEBHOER" || linkID=="PRD_PICKUPS"){
            $(this).attr("src", "/org.auctores.schaller.hp2/org/auctores/schaller/hp2/view/jsp/images/start/produkte/bilder/"+$(this).parent().attr("id")+"/1.png");
         } else {
            $(this).attr("src", "/org.auctores.schaller.hp2/org/auctores/schaller/hp2/view/jsp/images/start/produkte/bilder/"+$(this).parent().attr("id")+"/"+number+".png");
         }
      });
      
      linkIMG.fadeIn(800, function () {
         linkIMG.css({opacity: "1"}); 
      });
   });
   

   
}



function initProduktMenu(){
   setInterval( "changeProduktBilder()", 6000 );
   
   $("body").append(
      $("<div/>").attr("id", "product-overlay")
   );
   
   $(window).resize(function() {
      var list = $("#MenuProdukte");
      var leftholder = $("#products");
      list.css({
         left: leftholder.offset().left
      });
    });


    var list = $("#MenuProdukte");

     list.css({
        position: "absolute",
        top: list.offset().top,
        left: list.offset().left
     });
     list.remove().appendTo("body");


     
    $("#MenuProdukte").superfish({ 
        delay:       500,                            // one second delay on mouseout 
        animation:   {opacity:"show"},  // fade-in and slide-down animation 
        speed:       "fast",                          // faster animation speed 
        onShow:  function(){
           var main = $("#MenuProdukte");
           var mainTopGesamt = main.offset().top + main.height(); 
           
           var ul2open = this;
           var ul2openTopGesamt = ul2open.offset().top + ul2open.height();
           
           if(ul2openTopGesamt>mainTopGesamt){
              var openedMainLink = ul2open.parent();
              var distanceLinkTopEndMain = mainTopGesamt-(openedMainLink.height()+openedMainLink.offset().top) ;
              ul2open.css("bottom", "-"+distanceLinkTopEndMain+"px");
              ul2open.css("top", "auto");
           }
        },
        autoArrows:  false,                           // disable generation of arrow mark-up 
        dropShadows: false                            // disable drop shadows 
    }); 

      
   $("#MenuProdukte").hover(function() {
         $(this).css("z-index", "10000");
         $("#cboxOverlay").css("opacity", 0.5);
         $("#cboxOverlay").show();
      } , function() {
         $("#cboxOverlay").hide();
         $(this).css("z-index", "10");
          
   });

   
   $("ul.MenuCon li.getArtikel a.getArtikel").hover(function() {
         var id = $(this).attr("id");
         getArtikel(id, $(this));
      } , function() {
   });
   
   $("ul.MenuCon li.liFirstEbene").hover(function() {
      $(this).css({"z-index" : "10"}); /*Add a higher z-index value so this image stays on top*/ 
      $(this).find("a.firstEbene img").addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
         .animate({
            bottom: "-15px",
            width: "50px", /* Set new width */
            height: "50px", /* Set new height */
            opacity: 1.0
         }, 150); /* this value of "200" is the speed of how fast/slow this hover animates */
   
      } , function() {
      $(this).css({"z-index" : "0"}); /* Set z-index back to 0 */
      $(this).find("a.firstEbene img").removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
         .animate({
            bottom: "0",
            width: "30px", /* Set width back to default */
            height: "30px", /* Set height back to default */
            opacity: 1.0
         }, 300);
   });
   
   $("#artikel-bild").click(function(){
      window.location=$("#artikel-preview").attr("href"); return false;
    });
   $("#artikel-name").click(function(){
      window.location=$("#artikel-preview").attr("href"); return false;
   });
   
   
}
function initMainDropdown(){
   $("#MenuMain").superfish({ 
      delay:       500,                            // one second delay on mouseout 
      animation:   {opacity:"show"},  // fade-in and slide-down animation 
      speed:       "fast",                          // faster animation speed 
      autoArrows:  false,                           // disable generation of arrow mark-up 
      dropShadows: false                            // disable drop shadows 
   }); 
}