jQuery(document).ready(function($) {

/* ----- Forside bokse animation ----- */ 
  
$("#forsideboks_lys").animate({"top": "-10px"}, "fast");
$("#forsideboks_lys").animate({"top": "20px"}, "fast");
$("#forsideboks_lys").animate({"top": "0px"}, "fast");
$("#forsideboks_lys").animate({"top": "15px"}, "fast");
$("#forsideboks_lys").animate({"top": "5px"}, "fast");
$("#forsideboks_lys").animate({"top": "10px"}, "fast");

//forside bokse hover funktion
$("#forsidebokse").hover(function () {
  $("#forsideboks_lys").animate({"top": "-10px"}, "fast");
  $("#forsideboks_blaa").animate({"top": "30px"}, "fast");
}, function () {
  $("#forsideboks_lys").animate({"top": "15px"}, "normal");
  $("#forsideboks_lys").animate({"top": "10px"}, "fast");
  $("#forsideboks_blaa").animate({"top": "15px"}, "normal");
  $("#forsideboks_blaa").animate({"top": "20px"}, "normal");
});

//forside bokse klik funktion
//$("#forsideboks_lys, #forsideboks_fix").click(function () {
$("#forsideboks_lys_holder").hover(function () {
  $("#forsideboks_lys").css({"zIndex": "3"});
});
$("#forsideboks_blaa").hover(function () {
  $("#forsideboks_lys").css({"zIndex": "1"});
});
  
$("#forsideboks_lys ul li").prepend('<span class="arrow"></span>');
  
/* ----- end ----- */ 
  
/* ----- Film thumbs ----- */ 

$(".film_thumb:first").css({marginLeft: "-175px"}); 
$(".film_thumb p").css({ opacity: 0.0 });
  
  $(".film_thumb").hover(function () {
      $(this).children("p").animate({opacity: 1.0}, "normal");
    }, function () {
      $(this).children("p").animate({opacity: 0.0}, "normal");
  });
  

  
/* ----- end ----- */ 

});