$(document).ready(function(){

   $("#webtv_list_nav a").click(function(event){
        media_type = $(this).parent().attr("video_class");
        $("#webtv_list_nav li").removeClass("active");
        event.preventDefault();
        $(this).parent().addClass("active");
        front_update_media_list();

   });
   
  $("#webtv_list_nav li.newest a").click();
  
  $('#webtv_preview').html('').flash({
     src: 'webtv_player/webtv_front.swf',
     width: 520,
     height: 320
   });

});

function front_update_media_list(){ 
     
     page_number = $("#webtv_list_nav ul li."+media_type).attr("page_number")
     $.getJSON("?dyn=webtv_all_media&page="+page_number+"&media="+media_type, function(media) {
          
          $("#video_list").html("");
     
          $.each(media.videos,function(id, video) {
          
               image = $("<img \>").attr("src", "images/webtv/230x78/"+video.image).addClass("i230");
               image_link = $("<a></a>").attr("href","?pg=webtv&id="+video.id).html(image);
               
               title_link = $("<a></a>").attr("href","?pg=webtv&id="+video.id).addClass("title").html(video.title);
               product_span = $("<a></a>").addClass("product_title").html(video.product).attr("href", "?pg=product&pid="+video.pid+"&sub=media")
               score = $("<div></div>").addClass("stars").css("width", (parseFloat(video.rating) / 5) * 50 ).html("&nbsp;");
               details = $("<div></div>").addClass("details").html(video.added+"<br />Lengde: "+video.duration).append(score);
               
               $("<li></li>").appendTo("#video_list").html(image_link).append(details).append(title_link).append(product_span);
          
          });
          

          $("#video_list_pages").html("");
          
          $("<div></div>").appendTo("#video_list_pages").addClass("pagenav");
          
          if(media.current_page > 1){
            $("<a></a>").attr("href","#").addClass("first").attr("webtv_page", 1).html("« Første").appendTo("#video_list_pages .pagenav");
             $("<a></a>").attr("href","#").attr("webtv_page", parseInt(media.current_page)-1).html("« Forrige 8").appendTo("#video_list_pages .pagenav");
          }
          
          if(10 > media.current_page){
             $("<a></a>").attr("href","#").attr("webtv_page", parseInt(media.current_page)+1).html("Neste 8 »").appendTo("#video_list_pages .pagenav");
          }else{
             $("<a></a>").attr("href","?pg=webtv&sub=archive").attr("ext_link","true").html("Hundrevis av flere filmer i arkivet »").appendTo("#video_list_pages .pagenav");
          }
          
          $("<div></div>").appendTo("#video_list_pages").addClass("pagenumber").append("» Side "+  media.current_page + " av 10");
          

          
          $("#video_list_pages a").click(function(event){
               $("#webtv_list_nav ul li."+media_type).attr("page_number", $(this).attr("webtv_page"));
               front_update_media_list();
               if($(this).attr("ext_link") != "true"){ event.preventDefault(); }
          });
     
     });

}