$(document).ready(function() { //Når sida er lasta, gjør ting
	  
	  // http://p3.no//saus/test/videospilleliste.php?vis=sesong-1&video=12345
	  
 	$('#myTabs').on('toggled', function (event, tab) {
    	//console.log(tab);
    	$(document).foundation('equalizer', 'reflow');
  	}); 
	
	var baseURL = "http://"+window.location.host+"/teenageboss/episoder/";
	
	var pathname = window.location.pathname;
	
	if(pathname.indexOf("/stagetest/") > -1) {
		var baseURL = "http://"+window.location.host+"/stagetest/episoder/";
	} 
	
	//var baseURL = "http://"+window.location.host+""+window.location.pathname;
	//var baseURL = window.location.protocol;
	//var baseURL = "http://p3.no"+window.location.pathname;
	var spillelistenavn = "";
	
	
	//Fjerner videoen i topp og embedder på nytt med ny videoId (fra Guri eller nettspiller)
	 function byttOgSpillVideo(videoId){
	    //alert(videoId);
	    
            function fadeInnVideo() {
               //alert("removeo og sett inn");
               $( '#videospiller' ).remove();
               $( '#videospillerwrapper' ).hide();
               $( '#videospillerwrapper' ).append( '<div id="videospiller" class="nrk-video" data-nrk-id="'+videoId+'" data-nrk-autoplay="true" data-nrk-mode="simple"></div>' );
               $( "#videospillerwrapper" ).fadeIn( 1000 );
               
               var url = "http://www.nrk.no/serum/latest/js/video_embed.js";
               $.getScript( url );
               
               //Bygge ut URL til video med spillelistenummer og episodenummer
               spillelistenavn = $( ".episode[data-video-id="+videoId+"]" ).closest('.videospilleliste').attr('id');
               var episodeNr = $( ".episode[data-video-id="+videoId+"]" ).attr('data-video-episode');
               var episodeURL = baseURL+""+spillelistenavn+"/episode-"+episodeNr+"/";
               
               //endre URL
               history.pushState('', videoId, episodeURL);
               
               //endre tittel i header
               $(".article-header h2").html($( ".episode[data-video-id="+videoId+"]" ).find("h4").text());
   
               //endre facebook og twitter-lenker
               $(".article-header .sharefacebook").attr("href", "https://www.facebook.com/sharer/sharer.php?u="+episodeURL);
               $(".article-header .sharetwitter").attr("href", "https://twitter.com/home?status=Sjekk ut denne videoen! "+episodeURL+ " %23teenageboss");
               //scroll til topp
               //$( "#videospillerwrapper" ).scroll();
               //$.scrollTo( '#videospiller', 800);
               $('html, body').animate({
                  scrollTop: $("#content").offset().top
              }, 500);

            }
                     
            $( "#videospiller" ).fadeOut( 200, "linear", fadeInnVideo );
	    //$( '#videospiller' ).remove();
	    //$( '#videospillerwrapper' ).append( '<div id="videospiller" class="nrk-video" data-nrk-id="'+videoId+'" data-nrk-autoplay="false"></div>' );  
	    
	    // alert(parsedData.id);
	    
	    
	    
	 }
	 
	 //Endrer CSS på videolista og setter en video aktiv 
	 function settAktivVideo(videoId) {
	  // loop gjennom li'ene og slett active-klassen
	  $( ".episode" ).each(function( index ) {
	    $(this).removeClass("active");
	  });
	  //finn videoId i .episode og sett class active
	  $( ".episode[data-video-id="+videoId+"]" ).addClass("active");
	  //alert($( ".episode[data-video-id="+videoId+"]" ).closest('div').attr('id'));
	  
	
	 }
	
	//Klikkefunksjon
	$(".episode").click(function(event) {
	  event.preventDefault();
	  var videoId = $(this).attr('data-video-id');
	  byttOgSpillVideo(videoId);
	  settAktivVideo(videoId);
	});
	  
	//autoplay neste video
	 $(window).on("message", function(e) {
	   var data = e.originalEvent.data;
	   //console.log(data);
		
	   // vil logge en JSON-streng på formen { id : <video_id>, topic : "videostatechange", value : <event> }
	   // <video_id> er ID til video som genererte eventen
	   // <event> er en av "paused", "play" eller "ended"
	   
		var parsedData = JSON.parse(data);
		
		//alert(parsedData.value);	
		
		if (parsedData.value == "ended") {
		  //finn neste video = true så byttogspillvideo
		  
		  var videoId = $( ".episode[data-video-id="+parsedData.id+"]" ).next().attr('data-video-id');
		  //alert(videoId);
		  if (videoId !== undefined) {
		    settAktivVideo(videoId);
		    byttOgSpillVideo(videoId);
		  }
		  
		}	 
	 });
	 
	 });