var pg;

$(document).ready(function () {
	
	$("#endbodyspaceholder").prepend("<div class='clear'>&#160;</div>");
	$(".ytTranscript").detach().appendTo("#endbodyspaceholder")
	
	group();
	$("div.vpage").hide();
	$("div.vpage:first").show();
	
	
	/*
	if( $(".videocol").length){				
			equalHeight($(".videocol"));							
	}
	*/
	
	
	
	
	$("#transLink a").click(function() {		
		if($(".ytTranscript").hasClass("hide_transcript")){
			$(this).text("Hide Transcript");
			$(".ytTranscript").removeClass("hide_transcript");
		}
		else{
			$(this).text("Show Transcript");
			$(".ytTranscript").addClass("hide_transcript");
		}
			
		/*
		if( $(this).text() == "Hide Transcript"){			
			$(this).text("Show Transcript");
			$(".ytTranscript").removeClass("hide_transcript")
		}
		else{
			$(this).text("Hide Transcript");						
			$(".ytTranscript").addClass("hide_transcript")
		}	
		*/	
		//$(".ytTranscript").toggle();
		
		return false;
	});
	
	
	/*
	var playlists = new Object();
	$("div.video_clip").each(function(){
		var tmparry = $(this).attr("class").split(" ");
		for(i=0; i<tmparry.length;i++){					
			if( ! playlists[tmparry])
				playlists[tmparry[i]] = tmparry[i].replace("_"," ");						
		}
	});
	delete playlists.video_clip;
	
	
	for (var key in playlists) {
		$("#playlist").append("<option value='" + key + "'>" + playlists[key] + "</option>");    
	}
	*/
	$(".playlist_name").each(function(i){
		$("#playlist").append("<option value='pl" + (i+1) + "'>" + $(this).text() + "</option>");
		$(this).remove();
	});
	
	//$(".playlist_name").html("");
	
	
	$("span.duration").each(function(){		
		videoDuration($(this).attr("id"));		
	});
	
	
});

function filter(str){
	if(! $("div#hiddenvideo").length){		
		$("body").append("<div id='hiddenvideo'/>");		
	}
	$("div#hiddenvideo").append($("div#video_clips div.video_clip"));
	
	
	if( ! str){
		$("div#video_clips").append($("div#hiddenvideo div.video_clip"));		
		$("div#hiddenvideo").detach();
	}
	else{		
		
		$("div#hiddenvideo div.video_clip").each(function(){
			if($(this).attr("class").indexOf(str) != -1)
				$("div#video_clips").append($(this));
		});
			
		/*
		$("div.video_clip").each(function
		*/
		
	}
	$("div.vpage").detach();
	group();
	$("div.vpage").hide();
	$("div.vpage:first").show();
}
function group(){
	totalsize=$("div#video_clips div.video_clip").size();
	pg = 0;
	$("div#video_clips div.video_clip").each(function(i, item){
		
		if( !( i % 6) ){
			var nextobj = $(item).next();
			var obj = $(this).wrap("<div class='vpage' id='pg" + pg + "' />");
			for(c=i; c < i+6; c++,c<totalsize)
				$("div#pg" + pg).append( $("div#video_clips div.video_clip:eq(" + c +")") );			
			pg++;
		}
	});
	pageLink(1);
	
}

function pageLink(pgnumber){
	$("p.page_links").html("");
	
	if(pg > 1){		
		$("p.page_links").html("Page ");
		for(i=1; i <= pg; i++){
			if(i == pgnumber){
				$("p.page_links").append("<a href='javascript:page(" + i + ")'>" + i + "</a>");
			}
			else{
				$("p.page_links").append("<a href='javascript:page(" + i + ")'>" + i + "</a>");
			}
		}
	}
}

function videoClip(i){
	$("div.live_video").hide();
	$("div.viewPort div.videoblock").hide();
	$("div.viewPort div.videoblock").eq(i).show();
}

function page(i){
	$("div.vpage").hide();
	$("div.vpage").eq(i-1).show();	
	pageLink(i);
}

function livevideo(){
	$("div.viewPort div.videoblock").hide();
	$("div.live_video").show();
	
}

function youtubeFeedCallback (data){
	alert('ok');
}

function pad2(number) {
     return (number < 10 ? '0' : '') + number
}

function videoDuration(vid){	
  $.ajax({
	    url: "http://gdata.youtube.com/feeds/api/videos/" + vid + "?v=2&alt=jsonc&prettyprint=true",
	    type: 'GET',
	    dataType: 'jsonp',
	    success: function(data) {
           var seconds=(data["data"]["duration"] % 60)
           var minutes=Math.floor(data["data"]["duration"] / 60)
	         //$("#" + vid).text(minutes + ":" + pad2(seconds));
	         $("#" + vid).text(minutes + ":" + pad2(seconds)).attr("class","duratin_filled").removeAttr("id");
	         //process duplicated id
	         $("#" + vid).text(minutes + ":" + pad2(seconds)).attr("class","duratin_filled").removeAttr("id");
	    }
	});	
}