var teamsClosed = true;
var dateClosed = true;
var photogClosed = true;
var teamTimeout = '';
var dateTimeout = '';
var photogTimeout = '';
var schoolTimeout = '';
var nationalTimeout = '';
var stateTimeout = '';
var shareTimeout = '';
var shareShow = true;
var first = true;
var currpic = -1;
var lastpic = 0;
var firstpic = 0;
var globalViewType = 'national', 
global_sc_id = '-1', globalspt = '-1', globallvl = '-1', globaldiv = '-1', 
start = 0, end = 12, globalstartdate = '-1', globalenddate = '-1', 
globalViewMedia = '-1', globalcont = '-1'
var showbuttons = true;
var restoreBrand = false;
var restorePhotog = false;
var restoreSignin = false;
var restoreArmybuttons = false;
var currpage = 1;

function loadThumbs(viewType, sc_id, spt, lvl, div, start, end, startdate, enddate, viewMedia, cont_id)
{
	global_sc_id = sc_id;
	globalspt = spt;
	globallvl = lvl;
	globaldiv = div;
	globalstartdate = startdate;
	globalenddate = enddate;
	globalViewType = viewType;
	globalend = end;
	globalstart = start;
	globalViewMedia = viewMedia;
	globalcont = cont_id
	if(globalcont == ''){
		globalcont = -1;
	}
	
	$(document).ready(function(){
		$.ajax({
			type: "GET",
			data: 'aff_id=' + globalViewType + '&sc_id=' + global_sc_id + '&spt=' + 
				  globalspt + '&lvl=' + globallvl + '&div=' + globaldiv + '&start=' + 
				  start + '&end=' + end + '&startdate=' + globalstartdate + '&enddate=' + globalenddate +
				  '&media=' + globalViewMedia + '&cont_id=' + globalcont,
			url: ajaxDomain+'/ajax/getPicsHotShot.cfm',
			success: function (res) {
				var res = $.parseJSON(res);	
				populateThumbs(res);
			}
		});	
	});
}

function populateThumbs(r)
{
	try {
		$('#thumbs').html("");
		$('#thumbs').fadeTo(1000, 0)
		$("#paging").html("");
		var count = 0;
		if(r[1] > 0){
			var prevObj = document.createElement("a");
			prevObj.innerHTML = "<";
			prevObj.href = "javascript:void(0);";	
			prevObj.setAttribute('class', 'pageLink pageLinkPrev');
			prevObj.setAttribute('className', 'pageLink pageLinkPrev');
			makePageBtn(r[1]-12,r[1], prevObj);	
			$("#paging").append(prevObj);
		} else{
			var prevObj = document.createElement("a");
			prevObj.innerHTML = "<";
			prevObj.href = "javascript:void(0);";	
			prevObj.setAttribute('class', 'pageLink pageLinkPrevDisabled');
			prevObj.setAttribute('className', 'pageLink pageLinkPrevDisabled');
			$("#paging").append(prevObj);
		}
		for(var ii = 0; ii < (r[0].recordcount/12); ii++){
			if(count == r[1]){
				currpage = parseInt(ii+1);
				var aObj = document.createElement("span");
				aObj.innerHTML = "<strong>page </strong> " + "<input id='currentPageInput' onfocus='javascript:this.select();' onkeyup='gotoPage(event, this,"+Math.ceil(r[0].recordcount/12)+");' type='text' value='" + parseInt(ii+1) +"'>" + " of <strong>" + Math.ceil(r[0].recordcount/12 )+"</strong>";
				$("#paging").append(aObj);
			}
			count+=12;				
		}
		if(r[1]+12 < r[0].recordcount){
			var nextObj = document.createElement("a");
			nextObj.innerHTML = ">";
			nextObj.href = "javascript:void(0);";	
			nextObj.setAttribute('class', 'pageLink pageLinkNext');
			nextObj.setAttribute('className', 'pageLink pageLinkNext');
			makePageBtn(r[1]+12,r[1]+24, nextObj);	
			$("#paging").append(nextObj);
		} else{
			var nextObj = document.createElement("a");
			nextObj.innerHTML = ">";
			nextObj.href = "javascript:void(0);";	
			nextObj.setAttribute('class', 'pageLink pageLinkNextDisabled');
			nextObj.setAttribute('className', 'pageLink pageLinkNextDisabled');
			$("#paging").append(nextObj);
		}
		currpic = r[1]-1;
		firstpic = r[1];
		lastpic = r[1];
		for(var i = r[1]; (i < r[0].recordcount && i < r[2]); i++){
			lastpic++;
			div = document.createElement("div");
			div.id = "IMG"+i;			
			img = document.createElement("img");
			img.id = "theimage"+i;
			if(r[0].data.video[i] != 1){
				div.setAttribute('class', 'thumbnail');
				div.setAttribute('className', 'thumbnail');
				var MType = "P";
				var Filename = r[0].data.uploadname[i];
				var lev = r[0].data.level[i];
				img.src = "http://dev.highschoolsports.net/bleachers/images/thumb/"+r[0].data.uploadname[i];
			}else{
				div.setAttribute('class', 'thumbnailVid');
				div.setAttribute('className', 'thumbnailVid');			
				var MType = "V";
				var Filename = r[0].data.videoname[i]
				var lev = "A";
				img.src = "http://dev.highschoolsports.net/bleachers/images/videoimages/"+r[0].data.uploadname[i];
				var videoIcon = document.createElement("img");
				videoIcon.src = 'http://dev.highschoolsports.net/images/08/icn_videoThumb.png';
				videoIcon.setAttribute('class', 'videoThumbIcon');
				div.appendChild(videoIcon);
			}
	
			if(r[0].data.bl_photographer[i] == null){
				var cont = r[0].data.name_first[i]+" "+r[0].data.name_last[i];
			}else{
				var cont = r[0].data.bl_photographer[i];
			}
			if(r[0].data.name_first[i].indexOf("HotShot") != -1 ){
				r[0].data.eventstr[i] += "<div style='margin-top:-6px;'><img src='http://dev.highschoolsports.net/images/08/camera.icon.gif' style='float:left; clear:left;'><div style='float:left; clear:all; margin-top:2px;'>&nbsp; " + cont.capitalize().replace('Hotshot', '') + "</div></div>";
			}
			
			
			var obj = document.createElement("div");
			obj.id = "thumbText"+r[0].data.upload_id[i];
			obj.setAttribute('class', 'thumbnailText');
			obj.setAttribute('className', 'thumbnailText');
			obj.innerHTML = r[0].data.eventstr[i];
			makeButton(MType, Filename, div, div, r[0].data.eventstr[i], cont.capitalize(), i, r[0].data.upload_id[i], lev, r[0].data.owngallery[i], r[0].data.photourl[i], r[0].data.uploaddatetime[i], r[0].data.share[i], r[0].data.adtype[i]);		
			div2 = document.createElement("div");
			div2.setAttribute('class', 'thumbnailImg');
			div2.setAttribute('className', 'thumbnailImg');
			div2.appendChild(img);
			
			div.appendChild(div2);		
			div.appendChild(obj);
			var hiddenbtn = document.createElement("input");
			hiddenbtn.setAttribute('type', 'button');
			hiddenbtn.style.display = 'none';
			hiddenbtn.id = 'hiddenBtn'+i.toString();
			$('#thumbs').append(hiddenbtn);
			makeButton(MType, Filename, div, hiddenbtn, r[0].data.eventstr[i], cont.capitalize(), i, r[0].data.upload_id[i], lev, r[0].data.owngallery[i], r[0].data.photourl[i], r[0].data.uploaddatetime[i], r[0].data.share[i], r[0].data.adtype[i]);
			$('#thumbs').append(div);
		}
		$('#thumbs').fadeTo(1000, 1);
		if(first && r[0].recordcount > 0 && !picSpecific){		
			nextPic();
			first = false;
			picSpecific = false;
		}else if(r[0].recordcount == 0){
			setTimeout(noPics, 1100);
		}
		$('#filterArea :input').each(function() 
		{ 
			$(this).removeAttr('disabled');
		});
		$('#filterArea :a').each(function() 
		{ 
			$(this).css('visibility', 'visible');
		});
		$('#filterNotifications :a').each(function() 
		{ 
			$(this).css('visibility', 'visible');
		});
		if(!showbuttons){
			$('#photogLink').css('visibility', 'hidden');
		}
		if(globalViewType.toLowerCase().indexOf('national') != -1 || globalViewType.toLowerCase().indexOf('gatorade') != -1 || globalViewType.toLowerCase().indexOf('girlsspotlight') != -1){
			$('#showFilters').css('visibility', 'hidden');
		}else{
			$('#showFilters').css('visibility', 'visible');
		}	
	}
	catch (err)
	{
		console.log(err);	
	}
}

function makePageBtn(start, end, obj){
	obj.onclick =  function(){loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, globalstart, globalend, globalstartdate, globalenddate, globalViewMedia, globalcont);};
}

function makeButton(MType, Filename, div, obj, eventinfo, cont, i, id, level, owngallery, photourl, udate, share, adType){
	eventinfo = eventinfo.replace(/<br>/g, ' ');
	eventinfo = eventinfo.replace(/<br\/>/g, ' ');
	eventinfo = eventinfo.replace('<span class="eventDate">', '');
	eventinfo = eventinfo.replace('</span>', '');
	eventinfo = eventinfo.replace("<div style='margin-top:-6px;'><img src='http://dev.highschoolsports.net/images/08/camera.icon.gif' style='float:left; clear:left;'><div style='float:left; clear:all; margin-top:2px;'>&nbsp;", "");
	eventinfo = eventinfo.replace('</div></div>', '');
	obj.onclick = function(){
		changeMedia(MType, Filename, eventinfo, cont, id, level, owngallery, photourl, udate, share, adType); 
		if(!first){$('html').animate({scrollTop: 135}, 500);}
		showSelected(div); 
		currpic = i;
	};	
}

function showSelected(obj){	
	$('.thumbnail').each(function() 
	{ 
		$(this).animate({backgroundPosition: '0px -147px'}, 300); 
		$(this).css('border', '1px solid #ccc');
	});
	$('.thumbnailVid').each(function() 
	{ 
		$(this).animate({backgroundPosition: '0px -147px'}, 300); 
		$(this).css('border', '1px solid #ccc');
	});
	$(obj).animate({backgroundPosition: '0px -236px'}, 300);
	$(obj).css('border', '1px solid #dcda69');
}

String.prototype.capitalize = function(){ //v1.0
    return this.replace(/\w+/g, function(a){
        return a.charAt(0).toUpperCase() + a.substr(1).toLowerCase();
    });
}

function nextPic(){
	currpic++;
	if(currpic >= lastpic){
		currpic = firstpic;
	}
	var obj = document.getElementById('hiddenBtn'+currpic.toString());
	obj.click();
}

function prevPic(){
	currpic--;
	if(currpic < firstpic){
		currpic = lastpic-1;
	}
	var obj = document.getElementById('hiddenBtn'+currpic.toString());
	obj.click();
}

function init(viewType, sc_id, spt, lvl, div, start, end, startdate, enddate, viewMedia, cont_id)
{
	global_sc_id = sc_id;
	globalspt = spt;
	globallvl = lvl;
	globaldiv = div;
	globalstartdate = startdate;
	globalenddate = enddate;
	globalViewType = viewType;
	globalend = end;
	globalstart = start;
	globalViewMedia = viewMedia;
	globalcont = cont_id
	if(globalcont == ''){
		globalcont = -1;
	}
	
	try {
		$(document).ready(function(){
			
			$('#teamsLink').click(function(){
				if(teamsClosed){
					$('#teamsSelHolder').css('display', 'block');
					$('#teamsLink').addClass('activeSelect');
					teamsClosed = false;		
				}else{			
					$('#teamsSelHolder').css('display', 'none');
					$('#teamsLink').removeClass('activeSelect');
					teamsClosed = true;		
				}
			});
			
			$('#dateLink').click(function(){
				if(dateClosed){
					$('#dateLink').addClass('activeSelect');
					$('#dateSelHolder').css('display', 'block');
					dateClosed = false;		
				}else{			
					$('#dateLink').removeClass('activeSelect');
					$('#dateSelHolder').css('display', 'none');
					dateClosed = true;		
				}
			});
		
			$('#photogLink').click(function(){
				if(photogClosed){
					$('#photogLink').addClass('activeSelect');
					$('#photogSelHolder').css('display', 'block');
					photogClosed = false;		
				}else{			
					$('#photogLink').removeClass('activeSelect');
					$('#photogSelHolder').css('display', 'none');
					photogClosed = true;		
				}
			});
			
			$('#btnViewAll').click(function(){
				showFilter('-1');
				$('#btnViewAll').addClass('activeFilter');
				$('#btnViewPhotos').removeClass('activeFilter');
				$('#btnViewVideos').removeClass('activeFilter');
			});
			$('#btnViewPhotos').click(function(){
				showFilter('P');
				$('#btnViewPhotos').addClass('activeFilter');
				$('#btnViewAll').removeClass('activeFilter');
				$('#btnViewVideos').removeClass('activeFilter');
			});
			$('#btnViewVideos').click(function(){
				showFilter('V');
				$('#btnViewVideos').addClass('activeFilter');
				$('#btnViewPhotos').removeClass('activeFilter');
				$('#btnViewAll').removeClass('activeFilter');
			});
			
			$('#shareLink').click(function(){
				if(shareShow){
					$('#shareHolder').css('display', "block");
					shareShow = false;
				}else{		
					$('#shareHolder').css('display', 'none');
					shareShow = true;		
				}
			});
				
		});
		$("#date1").datepicker();
		$("#date2").datepicker();
	} catch (err) { console.log(err); }
	
	loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, globalstart, globalend, globalstartdate, globalenddate, globalViewMedia, globalcont);
}

function toggleBox(e){
	$('#teamsLink').click();
}

function toggleBoxDate(e){
	$('#dateLink').click();
}

function toggleBoxPhotog(e){
	$('#photogLink').click();
}
function toggleBoxShare(e){
	$('#shareLink').click();
}

function noPics(){
	$('#thumbs').html("");
	var div = document.createElement('div');
	div.setAttribute('class', 'noPics');
	div.setAttribute('className', 'noPics');
	var sp = document.createElement('span');
	sp.innerHTML = "No Media Found. ";
	var atag = document.createElement('a');
	atag.href = "/myaccount/thebleachersuploads.cfm?sc_id="+global_sc_id;
	atag.innerHTML = "Click to Upload  Yours."
	div.appendChild(sp);
	div.appendChild(atag);
	$("#thumbs").append(div);	
	changeAd();
}

function showFilter(v)
{
	globalViewMedia = v;
	$(document).ready(function(){
		$.ajax({
			type: "POST",
			data: 'view=' + globalViewMedia,
			url: ajaxDomain+'/ajax/setViewCookie.cfm',
			success: function (res) {
				loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, globalstart, globalend, globalstartdate, globalenddate, globalViewMedia, globalcont);
			}
		});	
	});	
}

function loadThumbsForTeam(form, e){
	toggleBox(e);
	if(form.spt.value != globalspt || form.lvl.value != globallvl || form.div.value != globaldiv){
		addSportNotification(form.spt.value, form.spt.options[form.spt.selectedIndex].innerHTML, form.lvl.value, form.lvl.options[form.lvl.selectedIndex].innerHTML, form.div.value, form.div.options[form.div.selectedIndex].innerHTML);
		loadThumbs(globalViewType, global_sc_id, form.spt.value, form.lvl.value, form.div.value, 0, 12, globalstartdate, globalenddate, globalViewMedia, globalcont);
	}
	return false;
}

function addSportNotification(spt, sptname, lvl, lvlname, div, divname){
	if($('#teamSpan')){
		$('#teamSpan').remove();
	}
	notif = $('#filterNotifications');
	sp = document.createElement('div');
	var teamStr = "";
	if(spt != -1){
		teamStr = sptname + " ";
	}
	if(div != -1){
		teamStr += divname;
		teamStr += " ";
	}
	if(lvl != -1){
		teamStr += lvlname;
		teamStr += " ";
	}		
	if(teamStr != ""){
		sp.id = "teamSpan";
		sp.innerHTML = "<span class='breadcrumbSep'>&gt;</span><a href='javascript:;' onclick='removeSport(sp)'>X </a> <strong> Team:</strong>&nbsp;" + teamStr + "";
	
		$(notif).append(sp);
		checkFirstNotification();
	}
}

function removeSport(sp){
	$(sp).remove();
	loadThumbs(globalViewType, global_sc_id, -1, -1, -1, 0, 12, globalstartdate, globalenddate, globalViewMedia, globalcont);
	checkFirstNotification();
}

function loadThumbsForPhotog(form, e){
	toggleBoxPhotog(e);
	addPhotogNotifcation(form.photog.options[form.photog.selectedIndex].innerHTML);	
	loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, 0, 12, globalstartdate, globalenddate, globalViewMedia, form.photog.value);
	return false;
}

function openDate(field)
{
	
}

function loadThumbsForDate(form, e){
	toggleBoxDate(e);
	addDateNotifcation(form.date1.value, form.date2.value);
	loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, 0, 12, form.date1.value, form.date2.value, globalViewMedia, globalcont);
	return false;
}

function addDateNotifcation(date1, date2){
	if($('#dateSpan')){
		$('#dateSpan').remove();
	}
	notif = $('#filterNotifications');
	sp2 = document.createElement('div');
	var dateStr = "";
	dateStr = "<span class='breadcrumbSep'>&gt;</span><a href='javascript:;' onclick='removeDate(sp2)'>X </a><strong> Date Range:</strong>&nbsp;" + date1 + "-" + date2 + "";
	sp2.innerHTML = dateStr;
	sp2.id = "dateSpan";
	$(notif).append(sp2);
	checkFirstNotification();
}

function removeDate(sp2){
	$(sp2).remove();
	loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, 0, 12, -1, -1, globalViewMedia, globalcont);
	checkFirstNotification();
}

function checkFirstNotification(){
	$('#filterNotifications span:first').css('display', 'none');
}

function addPhotogNotifcation(photog){
	if($('#photogSpan')){
		$('#photogSpan').remove();
	}
	notif = $('#filterNotifications');
	sp3 = document.createElement('div');
	photogStr = "<span class='breadcrumbSep'>&gt;</span><a href='javascript:;' onclick='removePhotog(sp3)'>X </a><strong>Photographer:</strong>&nbsp;" + photog + "";
	sp3.innerHTML = photogStr;
	sp3.id = "photogSpan";
	$(notif).append(sp3);
	checkFirstNotification();
}

function removePhotog(sp3){
	sp3.parentNode.removeChild(sp3);
	loadThumbs(globalViewType, global_sc_id, globalspt, globallvl, globaldiv, 0, 12, globalstartdate, globalenddate, globalViewMedia, -1);
	checkFirstNotification();	
}