categoryNumber = 0;
categoryTop = 0;
categoriesLength = 0;
videoNumber = 0;
videoFirst = 0;
videosLength = 0;
video = new Object;
videos = new Array();
currentActiveVideo = -1;
currentActiveCategory = -1;
spacerGif = new Image(1,1);
spacerGif.src = 'http://images.channelone.com/img/sports_potw/spacer.gif';
categoryOverImage = new Image(177,17);
readCategories = false;
idTimeRoot = null;
//categoryOverImage.src = '/img/play_of_the_week/bg-select-sport-hover.gif';

categories = new Array();
categories1 = new Array(); //before load videos
topCategories = new Array();
topCategories[0] = 'Plays';
topCategories[1] = 'Seen on the Show';
sortCategories = new Array();
videoJSON1 = '';
adCounter = 0;
userClickVideo = 0;

// change baner with action on site
function getContent(iframe) {
    var content = '';
    if (iframe.contentDocument) {
      content = iframe.contentDocument.body.innerHTML; 
    } else if (iframe.contentWindow) {
      content = iframe.contentWindow.document.body.innerHTML;
    } else if (iframe.document) {
      content = iframe.document.body.innerHTML;
    }
    return content;
}
function onLoadFrame(){
 	if (getContent(document.getElementById('hidden')) != '') {
		document.getElementById("ad_med_square").innerHTML = getContent(document.getElementById('hidden'));
	}
}
function setContent(url) {
    frames['hidden'].location = url;
}
function setContentRoot(url) {
    frames['hidden'].location = url;
    var timeRoot = Math.floor(Math.random() * 20000 + 15000);
    idTimeRoot = setTimeout("setContentRoot('/includes/playOfTheWeek/baner.html')", timeRoot);
}
// change baner with action on site

// 2 last part of domain
function whatDomain() {
   var tablica = document.domain.split(".");
  if (tablica.length >1) {
    return tablica[tablica.length - 2] + "." + tablica[tablica.length - 1];
  } else { 
      return tablica[0];
  }
}
function setCookieUnder13() {
    var expiresDate=new Date();
    expiresDate.setTime(expiresDate.getTime()+1000*60*60*24*30);
//    alert(whatDomain());
//    alert(expiresDate);
//    alert("under13=yes; expires=" + expiresDate.toGMTString() + "; path=/; domain=" + whatDomain());
//    document.cookie="under13=yes; expires=" + expiresDate.toGMTString() + "; path=/; domain=" + whatDomain();
    document.cookie="under13=yes; expires=" + "; path=/; domain=" + whatDomain();
}
function setRelatedContent() {
	if (categories[categoryNumber].related.length > 0) {
		document.getElementById('rel-link11').setAttribute('href' , categories[categoryNumber].related[0].link);
		document.getElementById('rel-link12').setAttribute('href' , categories[categoryNumber].related[0].link);
		document.getElementById('rel-img1').setAttribute('src' , categories[categoryNumber].related[0].thumbnail);
		document.getElementById('rel-img1').setAttribute('alt' , categories[categoryNumber].related[0].header);
		document.getElementById('rel-img1').setAttribute('title' , categories[categoryNumber].related[0].header);
		document.getElementById('rel-title1').innerHTML =  categories[categoryNumber].related[0].title;
//		document.getElementById('rel-link11').href = categories[categoryNumber].related[0].link;
//		document.getElementById('rel-img1').src = categories[categoryNumber].related[0].thumbnail;
	} else {
		document.getElementById('rel-link11').setAttribute('href', 'javascript:void(0);');
		document.getElementById('rel-link12').setAttribute('href', 'javascript:void(0);');
		document.getElementById('rel-img1').setAttribute('src', spacerGif.src);
		document.getElementById('rel-img1').setAttribute('alt', '');
		document.getElementById('rel-img1').setAttribute('title', '');
		document.getElementById('rel-title1').innerHTML =  '';
//		document.getElementById('rel-link11').href = 'javascript:void(0);';
//		document.getElementById('rel-img1').src = spacerGif.src;
	}
	if (categories[categoryNumber].related.length > 1) {
		document.getElementById('rel-link21').setAttribute('href' , categories[categoryNumber].related[1].link);
		document.getElementById('rel-link22').setAttribute('href' , categories[categoryNumber].related[1].link);
		document.getElementById('rel-img2').setAttribute('src' , categories[categoryNumber].related[1].thumbnail);
		document.getElementById('rel-img2').setAttribute('alt' , categories[categoryNumber].related[1].header);
		document.getElementById('rel-img2').setAttribute('title' , categories[categoryNumber].related[1].header);
		document.getElementById('rel-title2').innerHTML =  categories[categoryNumber].related[1].title;
//		document.getElementById('rel-link21').href = categories[categoryNumber].related[1].link;
//		document.getElementById('rel-img2').src = categories[categoryNumber].related[1].thumbnail;
	} else {
		document.getElementById('rel-link21').setAttribute('href', 'javascript:void(0);');
		document.getElementById('rel-link22').setAttribute('href', 'javascript:void(0);');
		document.getElementById('rel-img2').setAttribute('src', spacerGif.src);
		document.getElementById('rel-img2').setAttribute('alt', '');
		document.getElementById('rel-img2').setAttribute('title', '');
		document.getElementById('rel-title1').innerHTML =  '';
//		document.getElementById('rel-link21').href = 'javascript:void(0);';
//		document.getElementById('rel-img2').src = spacerGif.src;
	}
}
function changeCategory(number) {
 	document.getElementById('category'+categoryNumber).removeAttribute('class');
 	document.getElementById('category'+categoryNumber).className = '';
	categoryNumber = number;
 	document.getElementById('category'+categoryNumber).setAttribute('class', 'active');
 	document.getElementById('category'+categoryNumber).className = 'active';
 	innerCategory = "<span>Latest Videos:</span> "+categories[categoryNumber].name+"</h2>";
 	document.getElementById('latestVideos').innerHTML = innerCategory
 	slideVideos(-videoFirst);
 	setRelatedContent();
// 	setContent('/includes/playOfTheWeek/baner.html');
}
function changeCategoryClick(number) {
    userClickVideo = 1;
	changeCategory(number);
}
function slideCategories(dir) {
	categoryTop += dir;
	var oArrowUp = document.getElementById('categoriesUp');
	activateCategoriesArrowUp(oArrowUp);
	var oArrowDown = document.getElementById('categoriesDown');
	activateCategoriesArrowDown(oArrowDown);
	if (categoryTop <= -(categoriesLength-13)) {
		categoryTop = -(categoriesLength-13);
		unactivateArrow(oArrowDown);
	}
	if (categoryTop >= 0) {
		categoryTop = 0;
		unactivateArrow(oArrowUp);
	}
	document.getElementById('categories').style.marginTop = categoryTop*18 + 'px';
}
function slideVideos(dir) {
 	videoFirst += dir;
	var oArrowLeft = document.getElementById('videosLeft');
	activateVideoArrowLeft(oArrowLeft);
	var oArrowRight = document.getElementById('videosRight');
	activateVideoArrowRight(oArrowRight);
	if (videoFirst >= (videos[categoryNumber].length - 1)) {
		videoFirst = (videos[categoryNumber].length-1);
		unactivateArrow(oArrowRight);
	}
	if (videoFirst <= 0) {
		videoFirst = 0;
		unactivateArrow(oArrowLeft);
	}
	var videoTime = 0;
	var videoHours = 0;
	var videoMinutes = 0;
	var videoSeconds = 0;
	var videoTimeString = '';
	var videoPID1 = '';
	var videoThumbnail = '';
	var videoDescription = '';
	var videoPID2 = '';
	var videoLength = 0;
	var oVL = '';
	var oVC = '';
	var oVD = '';
	var oTextWatch = document.createTextNode('Watch Video Now');
	var oSpanWatch = document.createElement('span');
	var videoPID;
	videoThumbnail = spacerGif.src;
	for (var i=0; i<3; i++) {
		oVL = document.getElementById("VideoLength"+(i+1));
		oVL.innerHTML = "";
		oVC = document.getElementById("VideoCategory"+(i+1));
		oVC.innerHTML = "";
		oVD = document.getElementById("VideoDescription"+(i+1));
		oVD.innerHTML = "";
		
		if (videos[categoryNumber].length > videoFirst+i) {
			if (videos[categoryNumber][videoFirst+i].PID)
			 { videoPID1 = videos[categoryNumber][videoFirst+i].PID; }
			if (videos[categoryNumber][videoFirst+i].thumbnailURL)
			 { videoThumbnail = videos[categoryNumber][videoFirst+i].thumbnailURL; }
			if (videos[categoryNumber][videoFirst+i].category)
			 { videoCategory = videos[categoryNumber][videoFirst+i].category; }
			if (videos[categoryNumber][videoFirst+i].description)
			 { videoDescription = videos[categoryNumber][videoFirst+i].description; }
			videoPID2 = "playVideo('"+videos[categoryNumber][videoFirst+i].PID+"');";
			videoTime = (parseInt(videos[categoryNumber][videoFirst+i].videoLength) / 1000);
			videoHours = Math.round(videoTime / 3600);
			videoMinutes = Math.floor(videoTime / 60);
			videoSeconds = Math.round((videoTime) % 60);
			if (videoHours > 0) {
				videoTimeString = videoHours+':';
				if (videoMinutes < 10) { videoTimeString += '0' + videoMinutes + ':'; }
				  else { videoTimeString += videoMinutes + ':'; }
			} else {
				videoTimeString = videoMinutes+':';
			}
			if (videoSeconds < 10) { videoTimeString += '0' + videoSeconds; }
			  else { videoTimeString += videoSeconds; }
				videoLength = " ("+videoTimeString+")";
			oTextWatch = document.createTextNode('Watch Video Now');
		} else {
			videoPID1 = "";
			videoPID2 = "";
			videoLength = "";
			videoThumbnail = spacerGif.src;
			videoCategory = '';
			videoDescription = '';
			oTextWatch = document.createTextNode('');
		}
		var oVideoLength = document.createTextNode(videoLength);
		oSpanWatch = document.createElement('span');
		oSpanWatch.appendChild(oTextWatch);
		oVL.appendChild(oSpanWatch);
		oVL.appendChild(oVideoLength);
		var oVideoCategory = document.createTextNode(videoCategory);
		oVC.appendChild(oVideoCategory);
		var oVideoDescription = document.createTextNode(videoDescription);
		oVD.appendChild(oVideoDescription);
		document.getElementById("VideoPID1"+(i+1)).setAttribute("PID", videoPID1);
		document.getElementById("VideoPID1"+(i+1)).setAttribute("numberThumbnail", i);
		document.getElementById("VideoPID1"+(i+1)).onclick = function() { changeCurrentVideoClick(this) };
		document.getElementById("VideoThumbnail"+(i+1)).setAttribute("src", "");
		document.getElementById("VideoThumbnail"+(i+1)).setAttribute("src", videoThumbnail);
		clearHighlights();
		displayCurrentVideo()
//	 	alert('jestem3');
	}
}
function slideVideosClick(dir) {
  userClickVideo = 1;
  slideVideos(dir);
}
//before load videos
function createCategories1(loadCategories) {
	var catAdd = true;
	for (var i=0; i<loadCategories.length; i++) {
	 	catAdd = true;
		for (var j=0; j<loadCategories.length; j++) {
			if (loadCategories[i] == topCategories[j]) { catAdd = false; }
		}
		if (catAdd == true) { sortCategories.push(loadCategories[i]); }
	}
	sortCategories.sort();
	categories1 = topCategories.concat(sortCategories);
	categories1[0] = 'All Plays';
}
function createVideos(videosAndRelated) {
	for (var i=0; i<categories1.length; i++) { videos[i] = new Array(); }
	for (var i=0; i<videosAndRelated.siteVideos.length; i++) {
		for (var j=1; j<categories1.length; j++) {
			if (categories1[j] == videosAndRelated.siteVideos[i].category) { 
			  videos[j].push(videosAndRelated.siteVideos[i]);
			}
		}
        if (videosAndRelated.siteVideos[i].isPlaysCategory == "Y") {
		  videos[0].push(videosAndRelated.siteVideos[i]);
		}
	}
	for (var i=0; i<categories1.length; i++) {
	 	categories[i] = new Object;
		categories[i].name = categories1[i];
		for (var j=0; j<videosAndRelated.xmlCategories.length; j++) {
			if (categories1[i] == videosAndRelated.xmlCategories[j].name) {
			 	categories[i].related = new Array();
				categories[i].related = videosAndRelated.xmlCategories[j].xmlProperties;
			}
		}
	}
	categoriesLength = categories.length;
}
//function createCategories(videosAndCategories) {
// 	var categories1 = new Array();
//	var catAdd = true;
//	for (var i=0; i<videosAndCategories.categories.length; i++) {
//	 	catAdd = true;
//		for (var j=0; j<videosAndCategories.categories.length; j++) {
//			if (videosAndCategories.categories[i] == topCategories[j]) { catAdd = false; }
//		}
//		if (catAdd == true) { sortCategories.push(videosAndCategories.categories[i]); }
//	}
//	sortCategories.sort();
//	categories1 = topCategories.concat(sortCategories);
//	categories1[0] = 'All Plays';
		
//	for (var i=0; i<categories1.length; i++) { videos[i] = new Array(); }
//	for (var i=0; i<videosAndCategories.siteVideos.length; i++) {
//		for (var j=1; j<categories1.length; j++) {
//			if (categories1[j] == videosAndCategories.siteVideos[i].category) { 
//			  videos[j].push(videosAndCategories.siteVideos[i]);
//			  videos[0].push(videosAndCategories.siteVideos[i]);
//			}
//		}
//	}
//	for (var i=0; i<categories1.length; i++) {
//	 	categories[i] = new Object;
//		categories[i].name = categories1[i];
//		for (var j=0; j<videosAndCategories.xmlCategories.length; j++) {
//			if (categories1[i] == videosAndCategories.xmlCategories[j].name) {
//			 	categories[i].related = new Array();
//				categories[i].related = videosAndCategories.xmlCategories[j].xmlProperties;
//			}
//		}
//	}
//	categoriesLength = categories.length;
//}
//function addCategoriesToSite() {
//	var catElement = document.getElementById('categories');
//	var catInner = '';
//	for (var i=0; i<categories.length; i++) {
//	 	catInner += '<li><a id="category'+(i)+'" href="javascript:void(0)"; onclick="changeCategory('+(i)+');">'+categories[i].name+'</a></li>';
//	}
// 	catElement.innerHTML = catInner;
//}
function addCategoriesToSite() {
	var catElement = document.getElementById('categories');
	var catInner = '';
	for (var i=0; i<categories1.length; i++) {
	 	catInner += '<li><a id="category'+(i)+'" href="javascript:void(0)"; onclick="changeCategoryClick('+(i)+');">'+categories1[i]+'</a></li>';
	}
 	catElement.innerHTML = catInner;
}
function loadVideos() {
	PlayService.loadCategories("Plays", {
      callback : function(loadCategories) {
//		  alert(loadCategories.length);
		  createCategories1(loadCategories);
          addCategoriesToSite();
		  readCategories = true;

		  PlayService.loadVideosAndRelated("Plays", {
      		callback : function(videosAndRelated) {
//          createCategories(videosAndCategories);
          	createVideos(videosAndRelated);
          	changeCategory(1);
          	slideCategories(0);
//	      	tpController.setReleaseURL('http://release.theplatform.com/content.select?pid=' + videos[1][0].PID);
			if (document.getElementById('VideoPID11').getAttribute('PID') != '') {
 				changeCurrentVideo(document.getElementById('VideoPID11'));
 			}
	      	document.getElementById('loading').style.display = 'none';
	      	document.getElementById('latest-vid').style.display = 'block';
	      	document.getElementById('rel-content').style.display = 'block';
      	  },
      	  timeout:20000,
          errorHandler:function(message) { alert('Error during loading videos.'); }
//      errorHandler:function(message){}
    	  });

	  },
      timeout:20000,
      errorHandler:function(message) { alert('Error during loading categories.'); }
//      errorHandler:function(message){}
    });
	
}
function playVideo(PID) {
	tpController.setReleaseURL('http://release.theplatform.com/content.select?pid='+PID);
}
function activateVideoArrowLeft(oArrow) {
	oArrow.setAttribute("onmouseover","this.style.backgroundPosition = '0px 0px';");
	oArrow.style.cursor = 'pointer';
	oArrow.style.visibility = 'visible';
}
function activateVideoArrowRight(oArrow) {
	oArrow.setAttribute("onmouseover","this.style.backgroundPosition = '-11px 0px';");
	oArrow.style.cursor = 'pointer';
	oArrow.style.visibility = 'visible';
}
function activateCategoriesArrowUp(oArrow) {
	oArrow.setAttribute("onmouseover","this.style.backgroundPosition = '0px 0px';");
	oArrow.style.cursor = 'pointer';
	oArrow.style.visibility = 'visible';
}
function activateCategoriesArrowDown(oArrow) {
	oArrow.setAttribute("onmouseover","this.style.backgroundPosition = '0px -9px';");
	oArrow.style.cursor = 'pointer';
	oArrow.style.visibility = 'visible';
}
function unactivateArrow(oArrow) {
	oArrow.removeAttribute('onmouseover');
	oArrow.style.cursor = 'default';
	oArrow.style.visibility = 'hidden';
}
function changeCurrentVideo(thisObject) {
 	var video = thisObject.getAttribute('PID');
 	if (video == '') { return; }
 	var number = parseInt(thisObject.getAttribute('numberThumbnail'));
	playVideo(video);
	if (currentActiveCategory == categoryNumber) {
		if ((currentActiveVideo >= videoFirst) && (currentActiveVideo < videoFirst+3))
			document.getElementById('VideoPID1'+(currentActiveVideo-videoFirst+1)).style.backgroundColor = '';
	}
	currentActiveVideo = videoFirst+number;
	currentActiveCategory = categoryNumber;
	document.getElementById('VideoPID1'+(number+1)).style.backgroundColor = '#fcfdc0';
}
function changeCurrentVideoClick(thisObject) {
	userClickVideo = 1;
	changeCurrentVideo(thisObject);
}
function displayCurrentVideo() {
	if (currentActiveCategory == categoryNumber) {
		if ((currentActiveVideo >= videoFirst) && (currentActiveVideo < videoFirst+3))
			document.getElementById('VideoPID1'+(currentActiveVideo-videoFirst+1)).style.backgroundColor = '#fcfdc0';
	}
}
function clearHighlights() {
	for (var i=1; i<=3; i++) {
		document.getElementById('VideoPID1'+i).style.backgroundColor = '';
	}
}
function registerEventListeners()
{
tpController.addEventListener("OnReleaseStart", "onSetRelease");
tpController.addEventListener("OnReleaseEnd", "onReleaseEnd");
}
function onSetRelease(evt)
{
//  alert('start play');
}
function onReleaseEnd()
{
//  alert('stop play');
  if (userClickVideo == 1) { return; }
  if (videoFirst < (videos[categoryNumber].length - 1)) {
    slideVideos(1);
  } else {
    changeCategory(1);
  }
  changeCurrentVideo(document.getElementById('VideoPID11'));
}