/* scripts for Westside */

var slideWidth = 700;
var slideCurrent = 0;
var slideTotal = 0;
var slideMoving = false;

$(document).ready( function() {
	navTidy();
	galleryClicks();
});

function navTidy() {
	//remove final "/" from nav
	$('#nav span:last').addClass('invisible');
}


function galleryClicks() {
	//set up gallery links to show slides
	$('#gallery a').click( function() {
		//get slide data in raw form
		var slideRaw = $(this).find('input').val();
		
		if ( slideRaw != undefined ) {
			//remove final character (';')
			slideRaw = slideRaw.substring(0, slideRaw.length -1);
			
			//create array of image filenames from data
			var slideImages = slideRaw.split(';');
			
			//initiate slide show
			showSlides( slideImages );
		}

		return false;
	});
}
		
		
function showSlides( images ) {
	try {
		//add lightbox elements to document
		if ( document.getElementById( 'lightbox' ) === null ) {
			$('body').append('<div id="lightbox-overlay"></div><div id="lightbox-frame"><div id="lightbox-outer"><div id="lightbox-inner"></div><a id="lightbox-previous" href="#" onclick="slidePrevious(); return false;"><span>Previous</span></a><a id="lightbox-next" href="#" onclick="slideNext(); return false;"><span>Next</span></a></div><a id="lightbox-close" onclick="lightboxClose(); return false;" href="#"><span>Close</span></a></div>');
		}
		
		//calculate dimensions and positions
		$('#lightbox-overlay').hide().height( $(document).height() ).show();
		$('#lightbox-frame').hide().css({ top: $(window).scrollTop() + "px" }).fadeIn(200);
		
		//bind events to buttons
		$('#lightbox-outer a').hide();
		$('#lightbox-outer').hover( function() {
			slideButtons();
			$('#lightbox-outer a').fadeIn(200);
		}, function() {
			$('#lightbox-outer a').fadeOut(200);
		});
		
		//add images to lightbox
		for ( var i=0; i < images.length; i++ ) {
			$('#lightbox-inner').append('<img src="' + images[i] + '" alt="" />');
		}
		$('#lightbox-inner').css({ width: (images.length * slideWidth) + 'px' });
		
		//set global variables
		slideTotal = i;
		slideCurrent = 0;	
		slideMoving = false;
		
	}
	catch(e) {
	}
}


function lightboxClose() {
	//remove the lightbox
	$('#lightbox-frame').fadeOut(200, function() { 
		$(this).remove(); 
	});
	$('#lightbox-overlay').remove(); 
}


function slidePrevious() {
	//show previous slide
	if ( !slideMoving ) {
		slideMoving = true;
		
		if ( slideCurrent > 0 ) {
			slideCurrent--;
			showSlide( slideCurrent );
			
			//tidy up buttons
			slideButtons();
		}
	
		slideMoving = false;
	}
}


function slideNext() {
	//show next slide
	if ( !slideMoving ) {
		slideMoving = true;
		
		if ( slideCurrent < slideTotal-1 ) {
			slideCurrent++;
			showSlide( slideCurrent );
			
			//tidy up buttons
			slideButtons();
		}
	
		slideMoving = false;
	}
}


function showSlide( slide ) {
	//animate slideshow
	$('#lightbox-inner').animate({ marginLeft: '-' + (slide * slideWidth) + 'px' }, 200);
}


function slideButtons() {
	//show only relevant buttons
	if ( slideCurrent == 0 ) {
		$('#lightbox-previous').addClass('invisible');
	}
	else { 
		$('#lightbox-previous').removeClass('invisible');
	}
	
	if ( slideCurrent == slideTotal-1 ) {
		$('#lightbox-next').addClass('invisible');
	}
	else { 
		$('#lightbox-next').removeClass('invisible');
	}
}