//Start off defining that the first tab is active
var cur=1;
	
$(document).ready(function() {
	//Clicking the Right Arrow Button
	$('.btnright a, a.giantright').click(function() {
		var next=$('div.visible').next();
		cur++;
		if(next.attr("id")==null) {
			return true;
			//next=$('#spread1');
			//cur=1;
		}
		else {
			$('.numeral a.current').removeClass('current');
			$('#link'+cur).addClass('current');
			if (pageinfo[cur]=="c") {
				$('body').css('backgroundImage', bgimg[cur]);
			}
			else {
				$('body').css('backgroundImage', 'none');			
				$('body').animate({backgroundColor:pageinfo[cur]}, 750);
			}
			$('div.visible').fadeOut(350, function(){
				next.fadeIn(350);
				$('div.visible').removeClass('visible');
				next.addClass('visible');
			});
			return false;
		}
	});
	//Clicking the Left Arrow Button
	$('.btnleft a').click(function() {
		var prev=$('div.visible').prev();
		cur--;
		if(prev.attr("id")=="scrollnav") {
			return true;
			//prev=$('#spread'+pageinfo[0]);
			//cur=pageinfo[0];
		}
		else {
			$('.numeral a.current').removeClass('current');
			$('#link'+cur).addClass('current');
			if (pageinfo[cur]=="c") {
				$('body').css('backgroundImage', bgimg[cur]);
			}
			else {
				$('body').css('backgroundImage', 'none');			
				$('body').animate({backgroundColor:pageinfo[cur]}, 750);
			}
			$('div.visible').fadeOut(350, function(){
				prev.fadeIn(350);
				$('div.visible').removeClass('visible');
				prev.addClass('visible');
			});
			return false;
		}
	});
	//Clicking A Number Button
	$('.numeral a').click(function() {
		var spre=$(this).html();
		if (!($('#spread'+spre).hasClass('visible'))) {
			$('.numeral a.current').removeClass('current');
			$(this).addClass('current');
			if (pageinfo[cur]=="c") {
				$('body').css('backgroundImage', bgimg[spre]);
			}
			else {
				$('body').css('backgroundImage', 'none');			
				$('body').animate({backgroundColor:pageinfo[spre]}, 750);
			}
			$('div.visible').fadeOut(350, function(){
				($('#spread'+spre)).fadeIn(350);
				$('div.visible').removeClass('visible');
				$('#spread'+spre).addClass('visible');
				cur=spre;
			});
		}
		return false;
	});
	
	//Clicking A Photo Caption Button
	$('a.captionbtn').click(function() {
		$(this).siblings('div.captionoverlay').toggleClass('captionhidden');
		return false;
	});
	
	

	//Get our elements for faster access and set overlay width
	var cont = $('div.scrolling'),
	elem = $('div.scrolled'),

	// unordered list's left margin
	ulPadding = 15;
	
	//Get menu height
	var divHeight = 1;
	
	//Find last image container
	
	//When user move mouse over menu
	$('div.scrolling').mousemove(function(e){
		var divHeight = $(this).height();
		elem = $(this).children('div.scrolled');
		//As images are loaded ul width increases,
		//so we recalculate it each time
		//var elemHeight = elem.attr("title");
		var elemHeight = elem.height()+170;
		
		var left = (e.pageY - $(this).offset().top) * (elemHeight-divHeight) / divHeight;
		$(this).scrollTop(left);
		$('.filler').html(e.pageY + " " + divHeight + " " + elemHeight + " " + left);
	});

	
	
	
});

//Calls a web page that calls the auditing page
function AuditPage(id, sn, page) {
    var xmlhttp=null;
    if (window.XMLHttpRequest)
        xmlhttp=new XMLHttpRequest();
    else if (window.ActiveXObject)
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                	
    // The page process must be on the same website due to cross-domain restrictions
    var url = 'pageprocess.php?tpgid=' + id + '&sn=' + sn + '&page=' +escape(page)
        
    xmlhttp.open( "GET", url, false );
    xmlhttp.send(null);
    //alert( xmlhttp.responseText);  //Used if I need to return what the audit page says
}