var AJAX_Pulling = false; 
var playerReady = 0; 
var newPlayer = ""; 
var outputHTML = ""; 
var paginationHTML = "";  
var myPlaylist = new Array();
          
function initialLoad(basketID, tabBasketID) {
	//alert("initial");   	  
	loadBasket(basketID, 1); 
	
	
	InSkinLoad.init(InSkinParams);
	  if(tabBasketID) {
		loadTabBasket(tabBasketID, 1, "ms-tabs-c"+tabBasketID+"");
	}	
}     
      
function loadAbstract(storyId) { 
	if (storyId) {
		var clipAbstract = $("#clipAbstract"+storyId).val();
		var clipTitle = $("#clipTitle"+storyId).val();
		var clipDate = $("#clipDate"+storyId).val();  
		
		if (clipTitle.match(/%20/)) clipTitle = unescape(clipTitle);
		if (clipDate.match(/%20/)) clipDate = unescape(clipDate);
		if (clipAbstract.match(/%20/)) clipAbstract = unescape(clipAbstract);
	 
		var clipHTML = ""; 
		  
		 
			if (clipTitle) clipHTML += "<h2>" + clipTitle.escapeHTML() + "</h2>";
			if (clipDate) clipHTML += "<p class='text-caption'>" + clipDate.escapeHTML() + "</p>";
			if (clipAbstract) clipHTML += "<p>" + clipAbstract.escapeHTML() + "</p>"
		 $("#video-detail").html(clipHTML);
	}
}   
  
function loadBasket(vidBasketID, thisPageNum) {
   
	var myPageNum = thisPageNum;
	var numVids = 6; 
	 
	$("#page-list").empty(); 
	$("#video-list").empty(); 
	 
	$("#video-list").html('<div align="center" style="width:300px;color:#000000"><img src="/Images/skysports/site/loadingAnimation.gif" border="0" /><br/><br/>Finding Video Clips</div>');
	 
	paginationHTML ="";  
	outputHTML ="";  
	
	var loadBasketURL = "/video_clip_list_xml/0,25682,thisisnotanoid_thisisnotapagenum_thisisnotavidnum,00.xml";
	
	if (typeof vidBasketID == "undefined") {vidBasketID = 15876;}
	if (typeof myPageNum == "undefined") {myPageNum = 1;}
 
	loadBasketURL = loadBasketURL.replace("thisisnotanoid", vidBasketID);
	loadBasketURL = loadBasketURL.replace("thisisnotapagenum", myPageNum);
	loadBasketURL = loadBasketURL.replace("thisisnotavidnum", numVids);
	
	if (AJAX_Pulling != true) {
		AJAX_Pulling = true;
		
		$.get(loadBasketURL, {}, function(xmlData) {
			var vLength = $(xmlData).find('clip').length;
			var basketName = $(xmlData).find('clipList').attr("basketName");
			 
			if (vLength > 0) {	
			   
			   
					outputHTML += "<ul>";
				 $('clip',xmlData).each(function(i) {
				  
					i++; //i starts on 0, we need it to start with 1
					var cStoryID = $(this).attr("storyID");
					var cDate = $(this).attr("clipDate");	
					var cTitle = $(this).attr("title");
					var cAbstract = $(this).attr("abstract"); 
					
					var cID = $(this).attr("id");
					var cVidPath = $(this).attr("vidPath");	
					var cThumb = $(this).attr("thumbPath");
					var cOrigin = $(this).attr("origin");
					  
					if ((i%4) == 0) {
						 var clipClass = "no-bdr"
					} else { 
						var clipClass = ""	
					}
				    
					var cLinktag = " href=\"javascript:;\" onclick=\"javascript:fetchAndLoad('"+ cID +"_"+ cStoryID +"'); return false;\" "
					var cPlaylistTag = " href=\"javascript:;\" onclick=\"javascript:myPlaylist.addClip('"+ cID +"', '"+ cStoryID +"'); return false;\" "
					
					
						outputHTML += "<li class=\"clip-box\">";
						outputHTML += "<a "+ cLinktag +" title=\""+ cTitle +"\"><img src=\""+ cThumb +"\" alt=\""+ cTitle +"\" /></a>";
						outputHTML += "<h3><a "+ cLinktag +" title=\""+ cTitle.escapeHTML() +"\">"+ cTitle.escapeHTML() +"</a></h3>";
						outputHTML += "<p class=\"text-caption\">"+ cDate +"</p>";
						outputHTML += "<p><a "+ cLinktag +" class=\"play-vid-btn\">Play Now</a></p>";
						outputHTML += "</li>";
					 //Hidden values used as temp store for loadAbstract func 		
					outputHTML += "<input type=\"hidden\" id=\"clipAbstract" + cStoryID + "\" value=\"" + cAbstract.escapeHTML() + "\" />";
					outputHTML += "<input type=\"hidden\" id=\"clipTitle" + cStoryID + "\" value=\"" + cTitle.escapeHTML() + "\" />";
					outputHTML += "<input type=\"hidden\" id=\"clipDate" + cStoryID + "\" value=\"" + cDate.escapeHTML() + "\" />";
					outputHTML += "<input type=\"hidden\" id=\"clipImage" + cStoryID + "\" value=\"" + cThumb + "\" />";
				});	 
				
				 
						outputHTML += "</ul>";	
				  } else {
				outputHTML = "<div style='color:#000000;font-size:16px;'>There are currently no video clips in '"+ basketName +"'</div>"
			}  
			
			
			//////// PAGINATION ////////////////
			var pLength = $(xmlData).find('page').length;
			var pCurrent = $(xmlData).find('pagination').attr("currentPage");
			var pTotal = $(xmlData).find('pagination').attr("totalPages");
			
			if (pLength > 0) {     
			
			
				if (thisPageNum != 1) {
				 	paginationHTML += "<li><a href=\"javascript:;\" onclick=\"javascript:loadBasket('"+ vidBasketID + "', '1'); return false;\" title=\"Go to First Page\">&laquo; First</a></li>";
				}
				if (pCurrent > 1) {
				 	paginationHTML += "<li><a href=\"javascript:;\" onclick=\"javascript:loadBasket('"+ vidBasketID + "', '" + (eval(pCurrent)-1) + "'); return false;\" title=\"Go to Previous Page\">Prev</a></li>";
				} 
			 $('page',xmlData).each(function(i) {
					var pNumber = $(this).attr("pageNumber");
					var pIsCurrent = $(this).attr("isCurrent");
					var pLink = " href=\"javascript:;\" onclick=\"javascript:loadBasket('"+ vidBasketID +"', '"+ pNumber +"'); return false;\" title=\"Page "+ pNumber +"\"";
					
					 if(pIsCurrent == 1) { 
						paginationHTML += "<li>"+ pNumber +"</li>";
					} else {
						paginationHTML += "<li><a "+ pLink +">"+ pNumber +"</a></li>";
					}
				});   

			
				if (eval(pCurrent)+1 <= pTotal) {
					paginationHTML += "<li class=\"\"><a href=\"javascript:;\" onclick=\"javascript:loadBasket('"+ vidBasketID + "', '" + (eval(pCurrent)+1) + "'); return false;\" title=\"Go to Next Page\" class=\"pag-next\" >Next</a></li>";
				}
				if (pCurrent != pTotal) {
					paginationHTML += "<li class=\" no-bdr\"><a href=\"javascript:;\" onclick=\"javascript:loadBasket('"+ vidBasketID + "', '" + pTotal + "'); return false;\" title=\"Go to Last Page\" >Last &raquo;</a></li>";
				}	
			 }    
			
			
				if (pTotal > 1) {
					outputHTML += "<ul class='pagination' id='page-list'>"+ paginationHTML +"</ul>";
				}
				$("#video-list").html(outputHTML);
			 }, "xml");
		
		if( typeof videoPageLoadCallback == 'function' ) {
			videoPageLoadCallback();
		} 
		
		AJAX_Pulling = false;
	}  
}   

function loadTabBasket(vidBasketID, thisPageNum, tabName) {
	var myPageNum = thisPageNum;
	var numVids = 4; 
	
	$("#"+tabName).empty(); 
	 
	$("#"+tabName).html('<div align="center" class="finding-video-text" style="width:100%;margin-top:100px;color:#000000"><img src="/Images/skysports/site/loadingAnimation.gif" border="0" /><br/><br/>Finding Video Clips</div>');
	
	tabPaginationHTML ="";  
	tabOutputHTML ="";  
	
	var loadBasketURL = "/video_clip_list_xml/0,25682,thisisnotanoid_thisisnotapagenum_thisisnotavidnum,00.xml";

	if (typeof vidBasketID == "undefined") {vidBasketID = 15876;}
	if (typeof myPageNum == "undefined") {myPageNum = 1;}		

	loadBasketURL = loadBasketURL.replace("thisisnotanoid", vidBasketID);
	loadBasketURL = loadBasketURL.replace("thisisnotapagenum", myPageNum);
	loadBasketURL = loadBasketURL.replace("thisisnotavidnum", numVids);

	if (AJAX_Pulling != true) {
		AJAX_Pulling = true;
		 
		$.get(loadBasketURL, {}, function(xmlData) {
			var vLength = $(xmlData).find('clip').length;
			var basketName = $(xmlData).find('clipList').attr("basketName");

			if (vLength > 0) {	
			  
				tabOutputHTML += "<ul class='clips-wrapper'>";
				
				$('clip',xmlData).each(function(i) {
				 
					i++; //i starts on 0, we need it to start with 1
					var cStoryID = $(this).attr("storyID");
					var cDate = $(this).attr("clipDate");	
					var cTitle = $(this).attr("title");
					var cAbstract = $(this).attr("abstract");
					
					var cID = $(this).attr("id");
					var cVidPath = $(this).attr("vidPath");	
					var cThumb = $(this).attr("thumbPath");
		
					
					cThumb = cThumb.replace('68x60','128x67');
					 var cOrigin = $(this).attr("origin");
					  
					if ((i%4) == 0) {
						 var clipClass = "no-bdr"
					} else { 
						var clipClass = ""	
					}
				  
					var cLinktag = " href=\"javascript:;\" onclick=\"javascript:fetchAndLoad('"+ cID +"_"+ cStoryID +"'); return false;\" "
					var cPlaylistTag = " href=\"javascript:;\" onclick=\"javascript:myPlaylist.addClip('"+ cID +"', '"+ cStoryID +"'); return false;\" "

					
						
						tabOutputHTML += "<li class=\"clip-box\">";
						tabOutputHTML += "<a "+ cLinktag +" title=\""+ cTitle +"\"><img src=\""+ cThumb +"\" alt=\""+ cTitle +"\" /></a>";
						tabOutputHTML += "<p class=\"text-caption\">"+ cDate +"</p>";
						tabOutputHTML += "<h3><a "+ cLinktag +" title=\""+ cTitle.escapeHTML() +"\">"+ cTitle.escapeHTML() +"</a></h3>";
						tabOutputHTML += "<p><a "+ cLinktag +" class=\"play-vid-btn\">Play Now</a></p>";
						tabOutputHTML += "</li>";
					 //Hidden values used as temp store for loadAbstract func 		
					tabOutputHTML += "<input type=\"hidden\" id=\"clipAbstract" + cStoryID + "\" value=\"" + cAbstract.escapeHTML() + "\" />";
					tabOutputHTML += "<input type=\"hidden\" id=\"clipTitle" + cStoryID + "\" value=\"" + cTitle.escapeHTML() + "\" />";
					tabOutputHTML += "<input type=\"hidden\" id=\"clipDate" + cStoryID + "\" value=\"" + cDate.escapeHTML() + "\" />";
					tabOutputHTML += "<input type=\"hidden\" id=\"clipImage" + cStoryID + "\" value=\"" + cThumb + "\" />";
				});	 
				
				tabOutputHTML += "</ul>";	
				 
			} else {
				tabOutputHTML = "<div class='no-video-text' style='color:#000000;font-size:16px;'>There are currently no video clips in '"+ basketName +"'</div>"
			}

			//////// PAGINATION ////////////////
			var pLength = $(xmlData).find('page').length;
			var pCurrent = $(xmlData).find('paginationTab').attr("currentPage");
			var pTotal = $(xmlData).find('paginationTab').attr("totalPages");
			
			if (pLength > 1) {     
 			    //Only want to see paging if there's more than one page
				
				if (thisPageNum != 1) {
				 	tabPaginationHTML += "<li><a href=\"javascript:;\" onclick=\"javascript:loadTabBasket('"+ vidBasketID + "', '1' , '"+ tabName + "'); return false;\" title=\"Go to First Page\">&laquo; First</a></li>";
				}
				
				if (pCurrent > 1) {
				 	tabPaginationHTML += "<li><a href=\"javascript:;\" onclick=\"javascript:loadTabBasket('"+ vidBasketID + "', '" + (eval(pCurrent)-1) + "' , '"+ tabName + "'); return false;\" title=\"Go to Previous Page\">Prev</a></li>";
				} 
				   
				$('page',xmlData).each(function(i) {
					var pNumber = $(this).attr("pageNumber");
					var pIsCurrent = $(this).attr("isCurrent");
					var pLink = " href=\"javascript:;\" onclick=\"javascript:loadTabBasket('"+ vidBasketID +"', '"+ pNumber +"', '"+ tabName +"'); return false;\" title=\"Page "+ pNumber +"\"";
						
					if(pIsCurrent == 1) {
						tabPaginationHTML += "<li>"+ pNumber +"</li>";
					} else {
						tabPaginationHTML += "<li><a "+ pLink +">"+ pNumber +"</a></li>";
					}
				}); 

				
					if (eval(pCurrent)+1 <= pTotal) {
						tabPaginationHTML += "<li class=\"\"><a href=\"javascript:;\" onclick=\"javascript:loadTabBasket('"+ vidBasketID + "', '" + (eval(pCurrent)+1) + "' , '"+ tabName + "'); return false;\" title=\"Go to Next Page\" class=\"pag-next\" >Next</a></li>";
					}
					if (pCurrent != pTotal) {
						tabPaginationHTML += "<li class=\" no-bdr\"><a href=\"javascript:;\" onclick=\"javascript:loadTabBasket('"+ vidBasketID + "', '" + pTotal + "' , '"+ tabName + "'); return false;\" title=\"Go to Last Page\" >Last &raquo;</a></li>";
					}	  
				 }// End Pagination    

			
			 tabOutputHTML += "<ul class='paginationTab' id='page-list'>"+ tabPaginationHTML +"</ul>";
			$("#"+tabName).html(tabOutputHTML);
		}, "xml");
		
		AJAX_Pulling = false;
	}		

	  
}


String.prototype.escapeHTML = function () {                                       
return(                                                                 
    this.replace(/&/g,'&amp;').                                         
        replace(/>/g,'&gt;').                                           
        replace(/</g,'&lt;').                                           
        replace(/"/g,'&quot;').
		replace(/'/g,'&#39;')                                         
    );                                                                     
} 
function trim(str) {
	return str.replace(/^ss*/, '').replace(/ss*$/, '');
}



	var bcExp;
var modVP;
var modExp;
var modCon;
var modAd; 

function onTemplateLoaded(experienceID) {
	//alert("EVENT: The template has loaded");
	
	bcExp = brightcove.getExperience(experienceID);
	
	
	modExp = bcExp.getModule(APIModules.EXPERIENCE);
	modCon = bcExp.getModule(APIModules.CONTENT);
	modVP = bcExp.getModule(APIModules.VIDEO_PLAYER);
	modAd = bcExp.getModule(APIModules.ADVERTISING);
	
	
	modExp.addEventListener(BCExperienceEvent.TEMPLATE_READY, onTemplateReady);
	modExp.addEventListener(BCExperienceEvent.CONTENT_LOAD, onInitialLoad);
	modVP.addEventListener(BCVideoEvent.VIDEO_LOAD, onVideoLoad); 
	//modCon.addEventListener(BCContentEvent.VIDEO_LOAD, onVideoLoad); 
	modVP.addEventListener(BCMediaEvent.BEGIN, onVideoBegin);
}

function onTemplateReady(evt) {
	
    //alert("EVENT: The Player has loaded correctly"); 	
	playerReady = 1;
}
  	//http://adserver.adtech.de/addyn/3.0/500/1857292/0/16/ADTECH;=2
	//http://adserver.adtech.de/?adrawdata/3.0/999.1/2176856/0/16/noperf=1;cc=2;header=yes;alias=myalias;cookie=yes;adct=204;key=key1+key2;grp=1234567;misc=
	
function onInitialLoad(evt) {	
	
	//alert("EVENT: BCExperienceEvent.CONTENT_LOAD");
   	
	//var currentVideo = modVP.getCurrentVideo();
	
	
   	//modCon.getVideoAsynch(currentVideo.id);	
	//modVP.loadVideo(currentVideo.id);
}
		
function onVideoLoad(evt) {	
	
	//alert("EVENT: BCVideoEvent.VIDEO_LOAD");
    //modVP.loadVideo(evt.video.id);
}

function onVideoBegin(evt) {
   // Event fired when video starts playback, only fired when video plays not before pre-roll
	
	}

var fetchedId = null; //this allows me to store the id i'm fetching for use in the onTitleLoad function
	
function fetchAndLoad(titleId) {
	
	//alert('Player Ready ' + playerReady + 'New Player ' + newPlayer + 'Title' + titleId + '')

	if (playerReady == 1) {
		
		var title_array=titleId.split("_");
		titleId = title_array[0];
		storyId = title_array[1];
		
		
		//modCon.getVideoAsynch(titleId);
		
		
		
		modVP.loadVideo(titleId);
		
		fetchedId = titleId; 	// stores the titleId in a global variable to be used in content load	
		loadAbstract(storyId); 	// pulls in the story infobelow the player
	} else {
		alert('Player loading, please wait');
	}
}