// milliseconds
var general_fading = 150;
var curDotClass = "";
var Blickwinkel = null;

$(document).ready(function() {

    // Die Startmenueffekte
    if($('.StartsiteMenu > div').length > 0) {
        $('.StartsiteMenu > div').each(function(){

            var TextandImageContainer = $(this).find('.TheTextandImage');
            var theGlobe = $(this).find('.TheWorld');
            var theDot = $(this).find('.TheDot');
            
            $(this).find('.TheLink').html('<img src="/fileadmin/templates/css/images/Alle/blank.gif" width="160" height="322">');

            $(this).hover(
              function() {
                $(TextandImageContainer).stop(true,true).animate( {height: '+=110'}, 200 );
                $(theDot, this).css("background-image", "url(fileadmin/templates/css/images/Startseite/glow90.png)");
              }, 
              function() {
                $(TextandImageContainer).stop(true,true).animate( {height: '-=110'}, 400,'easeOutBounce' );
                $(theDot, this).css("background-image", "none");
              }
            ) // hover
            
            doRotate( $(theGlobe), .5);
            
        })
   }
   
   if($('#SpecialItem').length > 0) {
     $('#SpecialItem a').html('');
        
        $("#SpecialItem a").fancybox({
           'width'        : 550,
           'height'      : 550,
           'autoScale'      : false,
           'transitionIn'    : 'fade',
           'transitionOut'    : 'fade',
           'type'        : 'iframe'
        });         

        $(".SpecialItems .SIImage").each(function() {
            
            var theImage = $("img", this);
            var theLink = $("a", this);
 
            $("img", this).remove();
 
            $(theLink, this).append(theImage);

        });

        $("#SpecialItem a").each(function() {
           
           $(this).hover(

                function() {
                    $(this).next().stop(true,true).fadeIn( general_fading );
                },

                function() {
                    $(this).next().stop(true,true).fadeOut( general_fading );
                }
      
           )
           
        });
        
   }

  $(".LeftContentArea .internal-link-new-window").each(function(){
       $(this).fancybox({
           'width'        : 550,
           'height'      : 550,
           'autoScale'      : false,
           'transitionIn'    : 'fade',
           'transitionOut'    : 'fade',
           'type'        : 'iframe'
       });
   });
  
   if( $('.Rotatingglobe').length > 0 ) {

        doRotate( $('.Rotatingglobe'), .25)
        
   }

    if( $("#GalleryContainer").length > 0 ) {
        start_Gallery();
    }

});

/*
 * Rotatefunktion für Globen
 */
var doRotate = function(el, speed) {

        var objekt = el;
        var rad = 0;
        var dir = ( Math.random() > 0.5 ) ? speed : (speed*(-1));

        intervalId = setInterval(function() {

            $(objekt).css("-moz-transform","rotate(" + rad + "deg)");
            $(objekt).css("-webkit-transform","rotate(" + rad + "deg)");
            $(objekt).css("-o-transform","rotate(" + rad + "deg)");
            $(objekt).css("transform","rotate(" + rad + "deg)");

          $(objekt).css( {'-ms-transform': 'rotate(' + rad + 'deg)'} );

            rad -= dir;
          $("#debug").html(rad);
        }, 100);        // setInterval

}

/*
 * Start der Galeriefunktionen
 */
var start_Gallery = function() {
    
    // Die beiden Thumbs in die entsprechenden Boxen packen
    var thumb_left  = $("#BlickwinkelOne #Thumbnail").children();
    var thumb_right = $("#BlickwinkelTwo #Thumbnail").children();
    $("#BoxLeft .BoxContent").append(thumb_left);
    $("#BoxRight .BoxContent").append(thumb_right);
    
    Blickwinkel = $("#BlickwinkelOne");
    gallery_init();
    
    // Events für die Thumbnails setzen
    $("#BoxLeft").click(function(){
        $(".DetailTextContainer").fadeOut(general_fading);
        $(".DetailImageContainer").fadeOut(general_fading);
        $(".StoreText").fadeOut(general_fading);
        $(".StoreMap").fadeOut(general_fading, function(){
            Blickwinkel = $("#BlickwinkelOne");
            gallery_init()
            $(".StoreMap").fadeIn(general_fading);
            $(".DetailTextContainer").fadeIn(general_fading);
            $(".DetailImageContainer").fadeIn(general_fading);
            $(".StoreText").fadeIn(general_fading);
        })
    })
    $("#BoxRight").click(function(){
        $(".DetailTextContainer").fadeOut(general_fading);
        $(".DetailImageContainer").fadeOut(general_fading);
        $(".StoreText").fadeOut(general_fading);        
        $(".StoreMap").fadeOut(general_fading, function(){
            Blickwinkel = $("#BlickwinkelTwo");
            gallery_init()
            $(".StoreMap").fadeIn(general_fading);
            $(".DetailTextContainer").fadeIn(general_fading);
            $(".DetailImageContainer").fadeIn(general_fading);
            $(".StoreText").fadeIn(general_fading);            
        })
    })    
    
    
    // Events setzen -> Glow hinter den punkten bei Mouseover
    $(".StoreMap > div").each(function(){
        
        $(this).click(function(){
           
           var theDotClass = $(this).attr("class");
           
           if( curDotClass != theDotClass ) {
               $("."+theDotClass+" img").attr("src", "fileadmin/templates/css/images/Alle/purple_dot.png");
               $("."+curDotClass+" img").attr("src", "fileadmin/templates/css/images/Alle/yellow_dot.png");
               curDotClass = theDotClass;
               
               $(".DetailTextContainer").fadeOut(general_fading);
               $(".DetailImageContainer").fadeOut(general_fading,function(){

                   // hole DetailText
                   var detailtext = $("#DetailInfo #"+theDotClass+" .DetailText", Blickwinkel).html();
                   $(".DetailTextContainer").html(detailtext);               

                   // hole Detailbild
                   var detailpic = $("#DetailInfo #"+theDotClass+" .DetailImage", Blickwinkel).children().clone();
                   $(".DetailImageContainer").children().remove();
                   $(".DetailImageContainer").append(detailpic);
                   
                   $(".DetailTextContainer").fadeIn(general_fading);
                   $(".DetailImageContainer").fadeIn(general_fading);

               });

           } 
           
        });
        
        $(this).hover(
          function() {
            $(this).css("background-image", "url(fileadmin/templates/css/images/Startseite/glow90.png)");
          }, 
          function() {
            $(this).css("background-image", "none");
          }
        ) // hover        
    });

}

var gallery_init = function() {

    // Initial die erste Map in den Container packen
    var big_map = $("#MapImage", Blickwinkel).children().clone();
    $(".StoreMap > img").remove();
    $(".StoreMap").append(big_map);
    
    // Initial den ersten Text in den Container packen
    var infotext = $("#TextInfo", Blickwinkel).html();
    $(".StoreText").html(infotext);
    
    // Initial den ersten Dot lila färben
    $(".dotA img").attr("src", "fileadmin/templates/css/images/Alle/purple_dot.png");
    if(curDotClass != "" && curDotClass != "dotA") {
        $("."+curDotClass+" img").attr("src", "fileadmin/templates/css/images/Alle/yellow_dot.png");        
    }
    curDotClass="dotA";
    
    // Initial den ersten Detailtext setzen
    var detailtext = $("#DetailInfo #dotA .DetailText", Blickwinkel).html();
    $(".DetailTextContainer").html(detailtext);

    // Initial das erste Detailbild setzen
    var detailpic = $("#DetailInfo #dotA .DetailImage", Blickwinkel).children().clone();
    $(".DetailImageContainer").children().remove();
    $(".DetailImageContainer").append(detailpic);

}