// collections static vars
var colxId = 49766;
var colxPath = "/cntv/mvpd/services/getCollections.do?id=" + colxId;
// latest video static vars
var latestPath = "/cntv/mvpd/services/getAllEpisodes.do?offset=0&limit=50&dateInteval=20";
// episodes by collection/show vars
var showsPathPrefix = "/cntv/mvpd/services/getCollectionByContentId.do?offset=0&limit=200&id="
// teaser static vars
var teaseId;
var teasePath;
// other static stuff
var defaultImgSrc = "http://i.cdn.turner.com/toon/tools/img/pixel.gif";

// id of the first video to be played
var firstVid;
var firstVidState = false;
var deepLinkVidId = readCookie('cntvDLEpi');
if (deepLinkVidId != '') {
	firstVid = deepLinkVidId;
	firstVidState = true;
}
var firstVidShow;
var firstVidTitle;
var firstRating;

// saving state for current video
var currentButton = "";

// stuff that happens on page completion
$(document).ready(function() {
	$.ajax({
		// get the collections XML
		type: "GET",
		url: colxPath,
		dataType: "xml",
		error: function (request, error) {
			// do this on AJAX error
		},
		success: function(data) {
			$(data).find('subcollection').each(function() {
				var scolxId = $(this).attr('id');
				var scolxName = $(this).find('name').text();
				var scolxImg = $(this).find('thumbnailUrl').text();
				$('<div></div>').attr('id',scolxId).addClass('colxnavimg').bind('click',function(event){
						getEpisodesByShow($(this).attr('id'),scolxName);
					}).appendTo('#showButtons');
				$('<img>').attr('src',scolxImg).attr('alt',scolxName).attr({'border':0,'width':265,'height':65}).appendTo('#' + scolxId);
//				$('#' + scolxId).html('<img src="' + scolxImg + '" alt="' + scolxName + '" border="0" width="265" height="65">');
			});
//			$('#showButtons').jScrollPane();
		}
	});
	getEpisodesByShow('latest','LATEST EPISODES');
	$('#legalWrapper a').attr('target','_blank');

	$('.imgrollover').mouseover(function(){
		imgSrc = $(this).find('img').attr("src");
		imgSrc = imgSrc.replace('_off.','_on.');
		$(this).find('img').attr('src',imgSrc);
	}).mouseout(function(){
		imgSrc = $(this).find('img').attr("src");
		imgSrc = imgSrc.replace('_on.','_off.');
		$(this).find('img').attr('src',imgSrc);
	});

	$("#hdBtnBox").click(function () {
		hqReady();
	});
});


function getEpisodesByShow (targetColxId, newHdrTxt) {
	var collectionPath;
	var masterClass;
	if (targetColxId == "latest") {
		collectionPath = latestPath;
		masterClass = "epiNarrow";
	} else {
		collectionPath = showsPathPrefix + targetColxId;
		masterClass = "epiWide";
	}
	currentButton = "";
	$('#thumbHdr span').html(newHdrTxt);
	$.ajax({
		type: "GET",
		url: collectionPath,
		dataType: "xml",
		error: function (request, error) {
			// do this on AJAX error
		},
		success: function(data) {
			$('#epiButtons').html('');
			$(data).find('episode').each(function() {
				var epiId = $(this).attr('id');
				var epiShow = $(this).find('showTitle').text();
				var epiEpiTitle = $(this).find('episodeTitle').text();
				var epiThumb = $(this).find('thumbnailUrl').text();
				var epiMode = $(this).find('tveMode').text();
				var epiAuthType = $(this).find('authType').text();
				var epiTitle = $(this).find('title').text();
				var epiShort = $(this).find('shortBlurb').text();
				var epiDesc = $(this).find('description').text();
				var epiEmb = $(this).find('embeddable').text();
				var epiDur = $(this).find('duration').text();
				var epiGrouper = $(this).find('grouperId').text();
				var epiSeason = $(this).find('seasonNumber').text();
				var epiNumber = $(this).find('episodeNumber').text();
				var epiRating = $(this).find('tvRatingCode').text();
				var epiExpire = $(this).find('expirationDate').text();
				var epiExpireDots = epiExpire.replace(/\/+/g,'.');
				var epiPublish = $(this).find('publishDate').text();
				
				if (targetColxId == "latest") {
					if ((firstVidState == false) && (firstVid == undefined)) {
						firstVid = epiId;
						firstVidShow = epiShow;
						firstVidTitle = epiEpiTitle;
						firstRating = epiRating;
						firstVidState = true;
					}
					if ((firstVidState == true) && (firstVid == epiId)) {
						firstVidShow = epiShow;
						firstVidTitle = epiEpiTitle;
						firstRating = epiRating;
					}
				}
				
				var currentDivId = "new_" + epiId;
				$('<div></div>').attr('id',currentDivId).addClass(masterClass).addClass('epiButton').bind('click',function(event) {
						getAuthorization('CartoonNetwork');
						if (authBool) {
							var tokenData = currentToken + "&mvpd=" + authVidId;
							$('#showTitleBox span').html(epiShow);
							$('#epiTitleBox span').html(epiEpiTitle);
							if (masterClass == "epiNarrow") {
								onClass = "epiNarrowOn";
								offClass = "epiNarrow";
							} else {
								onClass = "epiWideOn";
								offClass = "epiWide";
							}
							$(this).removeClass(offClass);
							$(this).addClass(onClass);
							if (currentButton != "") {
								$(currentButton).removeClass(onClass);
								$(currentButton).addClass(offClass);
							}
							currentButton = "#" + currentDivId;
							var rateImgSrc = "http://i.cdn.turner.com/toon/tools/img/schedule/ratings/" + epiRating + ".gif";
							$('#infoRateBox img').attr('src',rateImgSrc);
							firstVid = epiId;
						} else {
							firstVid = epiId;
							deepLinkAuth(epiId);
						}
					}).appendTo('#epiButtons');
				var bkgString = "background: url(" + epiThumb + ") top center no-repeat;";
				$('<div></div>').attr('style',bkgString).addClass('epiThumbBox').appendTo('#' + currentDivId);
				$('<img />').attr('src',defaultImgSrc).attr('width',80).attr('height',45).attr('alt',epiTitle).attr('border',0).appendTo('#' + currentDivId + ' .epiThumbBox');

				$('<div></div>').addClass('epiTitlesBox').appendTo('#' + currentDivId)
				if (masterClass == "epiNarrow") {
					$('<div></div>').addClass('epiShowBox').appendTo('#' + currentDivId + ' .epiTitlesBox');
					$('<span></span>').addClass('epiShowTxt').html(epiShow).appendTo('#' + currentDivId + ' .epiShowBox');
				}
				$('<div></div>').addClass('epiTitleBox').appendTo('#' + currentDivId + ' .epiTitlesBox');
				$('<span></span>').addClass('epiTitleTxt').html(epiEpiTitle).appendTo('#' + currentDivId + ' .epiTitleBox');
				if (masterClass == "epiWide") {
					$('<div></div>').addClass('epiDescBox').appendTo('#' + currentDivId + ' .epiTitlesBox');
					$('<span></span>').addClass('epiDescTxt').html(epiDesc).appendTo('#' + currentDivId + ' .epiDescBox');
					$('<div></div>').addClass('epiExpireBox').appendTo('#' + currentDivId + ' .epiTitlesBox');
					$('<span></span>').addClass('epiExpireTxt').html('Available until ' + epiExpireDots).appendTo('#' + currentDivId + ' .epiExpireBox');
				}
			});
//			$('#epiButtons').jScrollPane();
		}
	});

}


function deepLinkAuth (episodeId) {
	// create cookie and set value to episode ID
	var cookieName = "cntvDLEpi"
	var cookieValue = episodeId;
	setCookie(cookieName,cookieValue,0)
	
	// call no auth login
	noAuthLogin();
	$('html, body').animate({scrollTop:0}, 'fast');
}