$(document).ready(function(){
  
  $('#area1').animate({opacity:0, marginTop:500}, 0).delay(1000).animate({opacity:1, marginTop:16}, 1000);
  $('#area2').animate({opacity:0}, 0).delay(2000).animate({opacity:1}, 2000);
  $('#area3').animate({opacity:0}, 0).delay(2000).animate({opacity:1}, 2000);

  $('#nav').animate({marginRight:-500, opacity:0}, 0).animate({marginRight:0, opacity:1}, 500);
  
  $('#slideshow_area').coinslider({ width: 768, height: 384, navigation: false, delay: 3000 });

  // Create a popcorn instance by calling Popcorn("#id-of-my-video")
  var pop = Popcorn("#ourvideo");

   // add a footnote at 2 seconds, and remove it at 6 seconds
  pop.footnote({ start: 2, end: 4, target: "footnotediv", 
    text: "Stjärnringen"
  });
  
  pop.footnote({ start: 4, end: 10, target: "footnotediv", 
    text: "Ett koncept framtaget av Gemma AB"
  });
  
  pop.footnote({ start: 10, end: 14, target: "footnotediv", 
    text: "'Diamanten som kan växa i 40 år..'"
  })

  // play the video right away
  //pop.play();

});