jQuery.fn.wait = function (MiliSeconds) {
    $(this).animate({opacity: '+=0'}, MiliSeconds);
    return this;
}


$(document).ready(function() {

        mainMenu();
        
        var mapContainer = 'c122';   // Ohne #    
        mapZoom(mapContainer);
        mapPins(mapContainer);
        
        if(jQuery("#page_70").length > 0){
        startBGInterval();
        }
        
        homeHoverInfoButton();

       
});

function mainMenu(){
        $('.nav1 li').hover(
  
        function() {

            
            $(this).addClass('hover');
            $(this).find('.nav2Container').fadeIn(333);
        },

        function() {

            $(this).removeClass('hover');
            $(this).find('.nav2Container').fadeOut(333);
        }
        );
            
         $(".vertretung").hover(
         function(){
                     $("#content").animate({opacity: 0.4}, 200);    
         },
         function(){
                         $("#content").animate({opacity: 1}, 200);
         }    
        );   
        
    
}

function mapPins(mapContainer){
    
    jQuery("#singleContent > div").each(function (){

        if(jQuery(this).attr("id") != mapContainer){
            console.log("if " + jQuery(this).attr("id"));
            idFromOriginal = jQuery(this).attr("id");

            x = jQuery(this).find('input').attr('class')+"px"
            yData = jQuery(this).find('input').attr('id')+"px";
            y = '-500px';
            
            id = jQuery(this).attr("id") +'';
            $('<div class="pin"></div>').appendTo('#'+mapContainer).css({top: y, left: x}).data('y',yData).data('id',id).hover(
            function(){
                jQuery("#singleContent > #"+jQuery(this).data('id')).css({opacity: 0.7})
            },
            function(){
                bg = 'url("/fileadmin/image/sprite.png") repeat scroll -380px -147px transparent';
                jQuery("#singleContent > #"+jQuery(this).data('id')).css({opacity: 1})
            });
       }
        
    });
    
}

function pinIn(mapContainer){
    inTime = 100;
    jQuery(mapContainer+" > div").each(function (){
       inTime += 150;
       jQuery(this).animate({
        top: jQuery(this).data('y')  
       }, inTime);
      
    });
    
    
}




function pinOut(mapContainer){
    outTime = 100;
   jQuery(mapContainer+" > div").each(function (){
       outTime += 150;
       jQuery(this).animate({
        top: -500  
       }, outTime);
      
    });
}


function mapZoom(mapContainer){
    
    mapContainer = "#"+mapContainer;
    $(mapContainer).css({
                    position: 'relative',
                    left : '5px'
                });  
        
    $('<img width="125px" height="150px" src="fileadmin/image/TDM-Regionale-Vertretung-Karte-gross.png" />').appendTo(mapContainer);
    $('<div id="zoomIn" ></div>').appendTo(mapContainer); 
    $('<div id="zoomOut" ></div>').appendTo(mapContainer).hide();     
    mapToggle(mapContainer);
    
}

function mapToggle(mapContainer){
       $("#zoomIn").click(
        function() {

                $(mapContainer).addClass('hover');
                $(mapContainer).find('#zoomIn').hide();
                $(mapContainer).css({
                    background: '#fff'
                });
                //$(mapContainer).find('img').remove();
               // $('<img width="166px" height="159px" src="fileadmin/image/TDM-Regionale-Vertretung-Karte-gross.png" />').appendTo(this);


                $(mapContainer).children('img').animate({
                    width: '400' , 
                    height: '520'
                }, 1500, function() {
                    pinIn(mapContainer);
                    //fertig 
                    });     

                $(mapContainer).animate({
                    width: '462', 
                    height: '525'
                }, 1300, function() {
                    $(mapContainer).find('#zoomOut').show();
                });
           });
         $('#zoomOut').click(function (){
                    zoomOut()
                    pinOut(mapContainer);
                    });
            
            
            
}

function zoomOut() {
    var mapContainer = '#c122';
    $(mapContainer).find('#zoomOut').hide();
    $(mapContainer).removeClass('hover');
    $(mapContainer).children('img').animate({
        width: '125' , 
        height: '150'
    }, 2000, function() {    
    });   
         
   
    $(mapContainer).animate({
        width: '221', 
        height: '175'
    }, 2000, function() {
    $(mapContainer).find('#zoomIn').show();
     mapToggle(mapContainer);
    });

}

function homeHoverInfoButton() {
    
    var button = '#info';
    var link = '#link';
    
    
    $(link).hide();
    $(button).mouseover(function() {
        $(link).fadeIn();
        
    });
    
    $("#bg-image").mouseover(function() {
        $(link).fadeOut();
    });
      
    
}



zaehler = 1;
var bgImage = '#bg-image';
lastNumber = false;

function startBGInterval () {
    var randomnumber=Math.floor(Math.random()*images.length)
        $(bgImage).css('background-image', 'url(/' + images[randomnumber] + ')');
        $('#link').append('<a class="button" href="'+link[randomnumber]+'"><span class="buttonLeft"></span></a>');
        $('#link a span').append(beschreibung[randomnumber] + '<span class="linkBlau">'+ person[randomnumber] +'</span>');
        
        self.setInterval("clock()",10000);
    
    
}


function clock()
  {
     var randomnumber = generateRandomNumber(images.length, lastNumber);

      
     if (zaehler >= images.length){
         zaehler = 0;
     }
     
     // End  left: 960px;
     
     
     $(bgImage).fadeTo(400, 0.3, function () {

         $(bgImage).css('background-image', 'url(/' + images[randomnumber] + ')');
         $('#link').empty();
         $('#link').append('<a class="button" href="'+link[randomnumber]+'"><span class="buttonLeft"></span></a>');       
         $('#link a span').append(beschreibung[randomnumber] + '<span class="linkBlau">'+ person[randomnumber] +'</span>');
          
        $(this).fadeTo(400, 1.0, function () {
            $("#content-right").animate({left: '960'}, 500);
            $("#content-right").animate({left: '764'}, 500);
           zaehler ++;
           lastNumber = randomnumber;
        });
    });

    
 
    
  }

//Es wird geprüft das nicht 2 mal nach einander die gleiche Number ausgegeben wird.
function generateRandomNumber(max, lastNumber){
   if (lastNumber == false){
       return Math.floor(Math.random()*max);
   } else {
       randomnumber = Math.floor(Math.random()*max); 
   }
   if (randomnumber == lastNumber){
       return generateRandomNumber(max, lastNumber);
   } else {
       return randomnumber;
   }
    
}