$(document).ready(function(){ 

// popups for project description
	$("ul.prettyGallery li a img").easyTooltip({
		xOffset: -225,
		yOffset: 75,
		tooltipId: 'tooltip'
	});
	
	
// popups for bottom links
  	$("#about_tab, #assoc_tab, #contact_tab").fadeTo(0, 0);
  
    $(".aboutClick").click(function () {
      $("#about_tab").show().fadeTo("normal", 0.9);
      $("#assoc_tab, #contact_tab").fadeOut('normal');
    });
    
    $(".assocClick").click(function () {
      $("#assoc_tab").show().fadeTo("normal", 0.9);
      $("#about_tab, #contact_tab").fadeOut('normal');
    });
    
    $(".contactClick").click(function () {
      $("#contact_tab").show().fadeTo("normal", 0.9);
      $("#assoc_tab, #about_tab").fadeOut('normal');
    });
	
    $("a.close").click(function () {
      $("#about_tab, #assoc_tab, #contact_tab").fadeTo('normal', 0.0);
    });


// Switches the thumbnails in main image area
	$(".thumbnails li img").click(function() {
		var thissrc = $(this).attr('src');
		$("#mainImage").attr('src', thissrc );
	});
	
	
// Changes thumbnail opacity for main image area
	$(".thumbnails li").css('opacity','0.8');
	
	$(".thumbnails li").mouseover(function() {
		$(this).css('opacity', 1.0 );
	});
	
	$(".thumbnails li").mouseout(function() {
		$(this).css('opacity', 0.8 );
	});
	
		
// Vertically centers text under main image
    var top = ( $('#right .middle').height() - $('#right .middle p').height() ) / 2;
    $('#right .middle p').css('margin-top', top);
	
	$("ul.prettyGallery li a").click(function() {
		$(this).addClass('active');
	});
	
	
// Calculates the entire width of the ul.prettyGallery
	var galWidth = 0;
	var numProjects = $('ul.prettyGallery li').size();
	var totalMargin = numProjects * 3;
	var curItem = $('ul.prettyGallery li ').index($('.active'));
	var curWidth = 0;
	var scrollPos = 708;
	var curSection = 0;
	var totalSections = 0;
	var liveSection = 0;

	$("ul.prettyGallery li").each(function (intIndex) {
		var galItem = $(this);
		galWidth += galItem.width();
				
		if(intIndex < (curItem)){
			curWidth +=galItem.width();
		}
	});
	

	curSection = Math.floor(curWidth/scrollPos);
	totalSections = Math.floor(galWidth/scrollPos);
	liveSection = curSection;
	checkArrows(liveSection, totalSections);

	$("ul.prettyGallery").css('width',galWidth + totalMargin);

	
// New scroller settings for projects

	$('div.prettyGallery').scrollTo(curSection*scrollPos);

	$('ul#project_nav li.next a').click(function(){
		if((liveSection + 1)<=totalSections){
			liveSection++;
		}
		checkArrows(liveSection, totalSections);
		
		$("div.prettyGallery").stop().scrollTo( '+=708', 500, {axis:'x'} );
		return false;		
    });
    
    $('ul#project_nav li.prev a').click(function(){
    	liveSection--;
    	if(liveSection < 0){
    		liveSection = 0;
    	}
    	checkArrows(liveSection, totalSections);

		$("div.prettyGallery").stop().scrollTo( '-=708', 500, {axis:'x'} );
		return false;
    });	
	
	
	if ( $('ul.prettyGallery').width() <708 ) {
		$('ul#project_nav li').hide();
	}
	
	if ( $('div.prettyGallery').scrollLeft() == 0 ) {
		$('ul#project_nav li.prev').hide();
	}
	
	$('ul#project_nav li.next a').click(function() {
		$('ul#project_nav li.prev').fadeIn();
	});		
		
		
// Find current category and set active class for nav item
	var curCategory = getQueryVariable("cat");
	
	function getQueryVariable(variable) {
		var query = window.location.search.substring(1);
		var vars = query.split("&");
		for (var i=0;i<vars.length;i++) {
			var pair = vars[i].split("=");
				if (pair[0] == variable) {
					return pair[1];
				}
			} 
	}
	
	if ( curCategory == 1 ) {
		$('ul#nav li:eq(0)').addClass('active');
	}
	else if ( curCategory == 2 ) {
		$('ul#nav li:eq(1)').addClass('active');
	}
	else if ( curCategory == 3 ) {
		$('ul#nav li:eq(2)').addClass('active');
	}
	else if ( curCategory == 4 ) {
		$('ul#nav li:eq(3)').addClass('active');
	}
	else if ( curCategory == 5 ) {
		$('ul#nav li:eq(4)').addClass('active');
	}	
});

function checkArrows(section, total){

	if(section == total){
		$('ul#project_nav li.next').hide();
	}else{
		$('ul#project_nav li.next').show();
	}
	
	if(section == 0){
		$('ul#project_nav li.prev').hide();
	}else{
		$('ul#project_nav li.prev').show();
	}
}


/* Unused right now

   	 var scrollPos = $('div.prettyGallery').scrollLeft();
   	 var totalWidth = $('ul.prettyGallery').width();
   	 
   	 if ( scrollPos == 0 ) {
   	 	$('ul#project_nav li.prev a').hide();
    }

	$('ul#project_nav li.next a').click(function(){	
		//var curItem = $('ul.prettyGallery li').index($('.current'));
		//var nextItem = curItem +1;
		//$("div.prettyGallery").stop().scrollTo( 'li:eq('+nextItem+')', 500, {axis:'x'} );
		//$('ul.prettyGallery').find('li.current').removeClass('current').next('li').addClass('current');	
			
		$("div.prettyGallery").stop().scrollTo( '+=708', 500, {axis:'x'} );
		return false;		
    });
*/