/************************************************************
 ** Clears a field
 ** By: 	Joshua Sowin (fireandknowledge.org)
 ** HTML: <input type="text" value="Search" name="search"
 **			id="search" size="25" 
 ** 		onFocus="clearInput('search', 'Search')" 
 ** 		onBlur="clearInput('search', 'Search')" />
 ***********************************************************/
function clearInput(field_id, term_to_clear) {
	
	// Clear input if it matches default value
	if (document.getElementById(field_id).value == term_to_clear ) {
		document.getElementById(field_id).value = '';
	}
	
	// If the value is blank, then put back term
	else if (document.getElementById(field_id).value == '' ) {
		document.getElementById(field_id).value = term_to_clear;
	}
} // end clearSearch()

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=703,height=340,left = 488.5,top = 355');");
}

$(document).ready(function() {
	//TARGET PAGER - video
	$('ul.videoLinks').each(function() {
		//SET PAGER VARS
		var currentPage = 0;
		var numPerPage = 9;
		//STORE EVENT CONTEXT, $ul
		var $ul = $(this);
		//BIND EVENT TO repaginate, show CURRENT, hide OTHERS
		$ul.bind('repaginate', function() {
			$ul.find('li').show()
				.slice(0, currentPage * numPerPage)
					.hide()
				.end()
				.slice((currentPage + 1) * numPerPage)
					.hide()
				.end();
		});
		//CALCULATE NUMBER OF PAGES, numRows / numPerPage
		var numRows = $ul.find('li').length;
		var numPages = Math.ceil(numRows / numPerPage);
		//CREATE PAGE NUMBERS, THEN insertAfter($ul)
		var $pager = $('<div class="pager">More Videos</div>');
		for (var page = 0; page < numPages; page++) {
			$('<span class="page-number">' + (page + 1) + '</span>')
			.bind('click', {'newPage': page}, function(event) {
				currentPage = event.data['newPage'];
				$ul.trigger('repaginate');
				$(this).addClass('active').siblings().removeClass('active');
			})
			.appendTo($pager).addClass('clickable');
		}
		$pager.find('span.page-number:first').addClass('active');
		$pager.insertAfter($ul);
		//TRIGGER EVENT
		$ul.trigger('repaginate');
	});
	
	$('ul.photoLinks').each(function() {
		//SET PAGER VARS
		var currentPage = 0;
		var numPerPage = 16;
		//STORE EVENT CONTEXT, $ul
		var $ul = $(this);
		//BIND EVENT TO repaginate, show CURRENT, hide OTHERS
		$ul.bind('repaginate', function() {
			$ul.find('li').show()
				.slice(0, currentPage * numPerPage)
					.hide()
				.end()
				.slice((currentPage + 1) * numPerPage)
					.hide()
				.end();
		});
		//CALCULATE NUMBER OF PAGES, numRows / numPerPage
		var numRows = $ul.find('li').length;
		var numPages = Math.ceil(numRows / numPerPage);
		//CREATE PAGE NUMBERS, THEN insertAfter($ul)
		var $pager = $('<div class="pager">More Photos</div>');
		for (var page = 0; page < numPages; page++) {
			$('<span class="page-number">' + (page + 1) + '</span>')
			.bind('click', {'newPage': page}, function(event) {
				currentPage = event.data['newPage'];
				$ul.trigger('repaginate');
				$(this).addClass('active').siblings().removeClass('active');
			})
			.appendTo($pager).addClass('clickable');
		}
		$pager.find('span.page-number:first').addClass('active');
		$pager.insertAfter($ul);
		//TRIGGER EVENT
		$ul.trigger('repaginate');
	});
});