$(document).ready(function(){
  
  
  // Statements Slider -------------------------------------------------------------------------------------
  var animationspeed = 500;
  var minItemCount = 5;
  var minItem = minItemCount;
  if($('#statements_container').length == 1){ $('#statements').width($('.statementbox').length * 158); checkArrows(); }
  $('#statements_left').click(function () { if(minItem > minItemCount){minItem = parseInt(minItem-2); $("#statements").animate({"left": "+=316px"}, animationspeed); } $("#statements").queue(function () { checkArrows(); $(this).dequeue(); });  });
  $('#statements_right').click(function () { if(minItem < $('.statementbox').length){ minItem = parseInt(minItem+2); $("#statements").animate({"left": "-=316px"}, animationspeed); } $("#statements").queue(function () { checkArrows(); $(this).dequeue(); }); });  
  function checkArrows(){
    if(minItem == 5){ $("#statements_left").animate({opacity: 0.3}, 10 ); }else{ $("#statements_left").animate({opacity: 1}, 10 ); }
    if(minItem < $('.statementbox').length){ $("#statements_right").animate({opacity: 1}, 10 ); }else{ $("#statements_right").animate({opacity: 0.3}, 10 ); }
    return;
  }
    // Movie Init
  if($('.statementbox').length > 0){ $('.statementbox').eq(0).css("border","1px red solid"); $('.iteminfotext').html($('.statementbox img').eq(0).attr('xtitle')); $('.iteminfoheadline').text($('img', this).attr('xheadline')); myMovie = $('.statementbox img').eq(0).attr('xmovie'); setMovie(myMovie,'false'); }
    // Headline, Text und Film
  $('.statementbox').live('click', function() { $(".statementbox").css("border","1px #C8C8C8 solid"); $(this).css("border","1px red solid"); $('.iteminfotext').html($('img', this).attr('xtitle')); $('.iteminfoheadline').text($('img', this).attr('xheadline')); myMovie = $('img', this).eq(0).attr('xmovie'); setMovie(myMovie,'true'); });  
  function setMovie(myMovie,myAutostart){ jwplayer("mediaplayer").setup({ flashplayer: "/fileadmin/jwplayer/player.swf", width: "350", height: "197", autostart: myAutostart, file: "/fileadmin/media/statements/" + myMovie + ".f4v", image: "/fileadmin/media/statements/" + myMovie + ".jpg" }); }
  
    // Tooltip einblenden
  $('.statementbox').live('mouseover', function() {
    var myOffset = $(this).offset();
    var myText = $("img" ,this ).attr('xtooltip');
    
    if(myText.length > 0){
      $("body").append("<p id='tooltip' style='position: absolute;'>" + myText + "</p>");
      $("#tooltip").fadeOut(0);    
      $("#tooltip")
        //.css("top",(myOffset.top + 85 ) + "px")
        //.css("left",(myOffset.left) + "px")
        .fadeIn(300);  
    }
    
  });
  
  $(".statementbox").mousemove(function(e){
    $("#tooltip")
      .css("top",(e.pageY + 20) + "px")
      .css("left",(e.pageX - 75) + "px");
  });
  
    // Tooltip ausblenden
  $('.statementbox').live('mouseout', function() { $("#tooltip").remove(); });
  

  
  
  
  
    // Sprachauswahl ------------------------------------------------------------------------------
  $("#language").click(function() { $('#languages').fadeToggle(200, function() {}); });
  $("#languages").mouseleave(function(){ $('#languages').fadeOut(200, function() {}); });
  


  
  
  // Landkarte Tooltip Funktionen ---------------------------------------------------------------
  // Alle Details ausblenden
  $("#landkarte").click(function() { $('.landkarte_location_detail').slideUp(300); });
  // Detail ausblenden
  $(".landkarte_location_detail_close").click(function() { 
  $(this).parent().slideUp(300); 
  $('.location_liste_item').css("fontWeight", "normal").css("color", "#000");
  });
  // Details erstellen
  // Bei Klick auf Punkt
  $(".landkarte_location").click(function() { 
    var myDetailNr = $(this).attr("xid");
    var tipPosition = $(this).position();
    $('.landkarte_location_detail').slideUp(300);
    $('.landkarte_location_detail[xid="'+myDetailNr+'"]').css("top", (tipPosition.top-66) +"px").css("left", (tipPosition.left+9) +"px").slideToggle(500, function() {});
    $('.location_liste_item').css("fontWeight", "normal").css("color", "#000");
    $('.location_liste_item[xid="'+myDetailNr+'"]').css("fontWeight", "bold").css("color", "#02519E");
  });
  // Bei Klick auf Name
  $(".landkarte_location_name").click(function() { 
    var myDetailNr = $(this).attr("xid");
    var tipPosition = $('.landkarte_location[xid="'+myDetailNr+'"]').position();
    $('.landkarte_location_detail').slideUp(300);
    $('.landkarte_location_detail[xid="'+myDetailNr+'"]').css("top", (tipPosition.top-66) +"px").css("left", (tipPosition.left+9) +"px").slideToggle(500, function() {});
    $('.location_liste_item').css("fontWeight", "normal").css("color", "#000");
    $('.location_liste_item[xid="'+myDetailNr+'"]').css("fontWeight", "bold").css("color", "#02519E");
  });
  // Bei Klick in der Liste
  $(".location_liste_item").click(function() { 
    var myDetailNr = $(this).attr("xid");
    var tipPosition = $('.landkarte_location[xid="'+myDetailNr+'"]').position();
    $('.landkarte_location_detail').slideUp(300);
    $('.landkarte_location_detail[xid="'+myDetailNr+'"]').css("top", (tipPosition.top-66) +"px").css("left", (tipPosition.left+9) +"px").slideToggle(500, function() {});
  $('.location_liste_item').css("fontWeight", "normal").css("color", "#000");
    $('.location_liste_item[xid="'+myDetailNr+'"]').css("fontWeight", "bold").css("color", "#02519E"); 
  });  
  
  
  

});




function createLocation(X,Y,X_Location,Y_Location,W_Location,Location,Wochentag,Datum,PLZ,Ort,Standort,Oeffnungszeiten,Anmeldung,Lageplan){
  
    // Click div und Detail einfügen
  var clickDivWidth = 18;
  var landkartePosition = $("#landkarte");
  var myPosition = landkartePosition.position();  
  var imageX = X + myPosition.left - (clickDivWidth/2);
  var imageY = Y + myPosition.top - (clickDivWidth/2);
  var landkarte_location = '<div class="landkarte_location" xid="'+xid+'" style="left: '+imageX+'px; top: '+imageY+'px;"><img src="clear.gif" width="18" height="18" border="0"/></div>';
  
  
  landkarte_location += '<div class="landkarte_location_name" xid="'+xid+'" style="left: '+(X_Location+myPosition.left)+'px; top: '+(Y_Location+myPosition.top)+'px; width: '+W_Location+'px; height: 13px;"><img src="clear.gif" width="'+W_Location+'" height="13" border="0"/></div>';
  landkarte_location += '<div class="landkarte_location_detail" xid="'+xid+'"><b>' +Location + '</b><br />';
  landkarte_location += Wochentag + ', ' + Datum + '<br />' + PLZ + ' ' + Ort + '<br />' + Standort + '<br />';
  landkarte_location += Oeffnungszeiten + '<div class="landkarte_location_detail_spacer"></div>' + Anmeldung + '<br />' + Lageplan + '<br />';
  landkarte_location += '<div class="landkarte_location_detail_close"></div></div>';
  $('#landkarte').after(landkarte_location);
  $('.landkarte_location_detail').fadeOut(0);
  
    // Liste einfügen
  var listItem = '<p class="location_liste_item" xid="'+xid+'">'+Datum +' '+ Location+'</p>';  
  $(listItem).appendTo('#location_liste');
  
  xid++;

}

