var videoCategoryIdString;

function displayTimer(){
	j('#ajaxTimer').css('display', 'block');
}

function hideTimer(){
	j('#ajaxTimer').css('display', 'none');
}

function ajaxBrowse(videogramId, videoCategoryIds){	
	displayTimer();
	videoCategoryIdString = videoCategoryIds;
	var videoCategoryIdsQueryString = '';
	var params = {showAjax:1, method:'seriesHome', videogramId: videogramId};
	
	if (videoCategoryIds.indexOf(',') != -1){
		var tempArray = new Array();
		tempArray = videoCategoryIds.split(',');
		
		for (var i = 0; i < tempArray.length; i++){
			if (i > 0)
				videoCategoryIdsQueryString += '&';
			else
				videoCategoryIdsQueryString += '?';
		
			videoCategoryIdsQueryString += 'videoCategoryId=' + tempArray[i];
		}
	}
	else{
		if (videoCategoryIds != '0')
			videoCategoryIdsQueryString = '?videoCategoryId=' + videoCategoryIds; 
	}
	
	j.get('/actions/video.do'+videoCategoryIdsQueryString, params, browseSuccess);
}

var browseSuccess = function(data, status){
	if (status != 'success'){
		alert("Oops, something went wrong, please try again");
		return;
	}
	hideTimer();
	
	//set the navigation tab to selected
	var navTabAll = "";
	var navTabEpisodes = "";
	var navTabTrailers = "";
	var navTabExtras = "";

	if (videoCategoryIdString == '0')
		navTabAll = " selected";
	else{
		if (videoCategoryIdString == '3,4')
			navTabEpisodes = " selected";
		else{
			if (videoCategoryIdString == '1')
				navTabTrailers = " selected";
			else{
				if (videoCategoryIdString == '2')
					navTabExtras = " selected";
			}
		}
	}
	
	j('#navTabAll')[0].className="navTab" + navTabAll;
	j('#navTabEpisodes')[0].className="navTab" + navTabEpisodes;
	j('#navTabTrailers')[0].className="navTab" + navTabTrailers;
	j('#navTabExtras')[0].className="navTab" + navTabExtras;
	
	j('#homeSeriesBrowseAjaxContent').html(data);
}