var currentGallery = 0;
var currentPhoto = 0;

$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$('ul.topnav li').find('span').parent().click(function(){
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

	});

	$("ul.topnav li span").click(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

	$("ul#galleries li").click(function() { //When trigger is clicked...
		
		var id = $(this).attr('rel');
		
		// Hide current gallery
		$('#gallery-'+currentGallery).fadeOut().hide();
		$('#thumbs-'+currentGallery).fadeOut().hide();
		$('#gallerylink-'+currentGallery).removeClass('selected');

		// Hide all full images...
		$('#gallery-'+id+' img.full').hide();
		
		// Display container divs
		$('#gallery-'+id).fadeIn('slow');
		$('#thumbs-'+id).fadeIn('slow', function() {
			// Trigger click on first thumb
			$('#thumb-'+id+'-0').trigger('click');
		});

		// Highlight new label
		$('#gallerylink-'+id).addClass('selected');

		// Keep track for next click
		currentGallery = id;
		currentPhoto = 0;
	});

	$("div.thumbs a.thumb").click(function() { //When trigger is clicked...
	
		var id = $(this).attr('rel');
		
		// Hide current photo
		$('#full-'+currentGallery+'-'+currentPhoto).fadeOut('slow').hide();
		$('#thumb-'+currentGallery+'-'+currentPhoto).removeClass('selected');

		// Show next photo
		$('#full-'+currentGallery+'-'+id).fadeIn('slow');
		$('#thumb-'+currentGallery+'-'+id).addClass('selected');
		
		// Keep track for next click
		currentPhoto = id;
	});

});