/* ------------------------------------------------------------------------

	Class: g

	Use: Gallery plugin for jQuery

	Author: Stephane Caron (http://www.no-margin-for-errors.com)

	Version: 1.1

------------------------------------------------------------------------- */



jQuery.fn.g = function(settings) {

	settings = jQuery.extend({

		itemsPerPage : 2,

		animationSpeed : 'normal', /* fast/normal/slow */

		navigation : 'top',  /* top/bottom/both */

		of_label: ' of ', /* The content in the page "1 of 2" */

		previous_title_label: 'Previous page', /* The title of the previous link */

		next_title_label: 'Next page', /* The title of the next link */

		previous_label: 'Previous', /* The content of the previous link */

		next_label: 'Next' /* The content of the next link */

	}, settings);

	return this.each(function(){

		// Global variables needed in multiple functions.	

		var currentPage = 1;

		var itemWidth = 0;

		var itemHeight = 0;

		var galleryWidth = 0;

		var pageCount = 0;

		var animated = false;

		var $gallery = jQuery(this);

		

		var gPrevious = function(caller) {

			// Make sure not to double animate, and not animate of the button is disabled

			if(animated || jQuery(caller).hasClass('disabled')) return;

			animated = true;



			$gallery.find('li:lt('+(currentPage * settings.itemsPerPage)+')').each(function(i){

				jQuery(this).animate({'left': parseFloat(jQuery(this).css('left')) + (galleryWidth + itemMargin) }, settings.animationSpeed, function(){

					animated = false;

				});

			});



			$gallery.find('li:gt('+ ((currentPage * settings.itemsPerPage) - 1) +')').each(function(i){

				jQuery(this).animate({'left': parseFloat(jQuery(this).css('left')) + (galleryWidth + itemMargin) }, settings.animationSpeed);

			});



			currentPage--;



			_displayPaging();

		};



		var gNext = function(caller) {

			// Make sure not to double animate, and not animate of the button is disabled

			if(animated || jQuery(caller).hasClass('disabled')) return;

			animated = true;



			$gallery.find('li:lt('+(currentPage * settings.itemsPerPage)+')').each(function(i){

				jQuery(this).animate({'left': parseFloat(jQuery(this).css('left')) - (galleryWidth + itemMargin) }, settings.animationSpeed, function(){

					animated = false;

				});

			});



			$gallery.find('li:gt('+ ((currentPage * settings.itemsPerPage) - 1) +')').each(function(i){

				jQuery(this).animate({'left': parseFloat(jQuery(this).css('left')) - (galleryWidth + itemMargin) }, settings.animationSpeed);

			});



			currentPage++;



			_displayPaging();

		};



		var _formatGallery = function() {

			itemWidth = $gallery.find('li:first').width();

			itemMargin = parseFloat($gallery.find('li:first').css('margin-right')) + parseFloat($gallery.find('li:first').css('margin-left')) + parseFloat($gallery.find('li:first').css('padding-left')) + parseFloat($gallery.find('li:first').css('padding-right')) + parseFloat($gallery.find('li:first').css('border-left-width')) + parseFloat($gallery.find('li:first').css('border-right-width'));

			itemHeight = $gallery.find('li:first').height() + parseFloat($gallery.find('li:first').css('margin-top')) + parseFloat($gallery.find('li:first').css('margin-bottom')) + parseFloat($gallery.find('li:first').css('padding-top')) + parseFloat($gallery.find('li:first').css('padding-bottom'));

			galleryWidth = (itemWidth + itemMargin) * settings.itemsPerPage - parseFloat($gallery.find('li:first').css('margin-right')); // We don't want the margin of the last item, that's why we remove it.



			$gallery.css({

				'width': galleryWidth,

				'height': itemHeight,

				'overflow': 'hidden',

				'position': 'relative',

				'clear': 'left'

			});

			$gallery.find('li').each(function(i){

				jQuery(this).css({

					'position':'absolute',

					'top':0,

					'left':i * (itemWidth + itemMargin)

				});

			});



			$gallery.wrap('<div class="g"></div>').addClass('g');

		};



		var _displayPaging = function() {

			$cg = $gallery.parents('div.g:first'); // The containing gallery



			$cg.find('ul.prettyNavigation span.current').text(currentPage);

			$cg.find('ul.prettyNavigation span.total').text(pageCount);



			// Make sur all the links are enabled

			$cg.find('ul.prettyNavigation li a').removeClass('disabled');



			// Display the proper nav

			if(currentPage == 1){

				// Hide the previous button

				$cg.find('ul.prettyNavigation li.prev a').addClass('disabled');

			} else if(currentPage == pageCount) {

				// Hide the next button

				$cg.find('ul.prettyNavigation li.next a').addClass('disabled');

			};

		};



		var _applyNav = function() {

			var template = '';

			template +='<ul class="prettyNavigation">';

//			template += '<li class="prev"><a href="#" title="'+settings.previous_title_label+'">'+settings.previous_label+'</a></li>';

			template += '<li class="prev"><a href="#" title="'+settings.previous_title_label+'"><span>'+settings.previous_label+'</span></a></li>';

//			template += '<li><span class="current">1</span>'+settings.of_label+'<span class="total">1</span></li>';

//			template += '<li class="next"><a href="#" title="'+settings.next_title_label+'">'+settings.next_label+'</a></li>';

			template += '<li class="next"><a href="#" title="'+settings.next_title_label+'"><span>'+settings.next_label+'</span></a></li>';

			template += '</ul>';



			switch(settings.navigation){

				case 'top':

					$gallery.before(template);

					break;

				case 'bottom':

					$gallery.after(template);

					break;

				case 'both':

					$gallery.before(template);

					$gallery.after(template);

					break;

			};



			// Adjust the nav to the gallery width

			$theNav = $gallery.parent('div.g:first').find('ul.prettyNavigation');

			galleryBorderWidth = parseFloat($theNav.css('border-left-width')) + parseFloat($theNav.css('border-right-width'));

			$theNav.width(galleryWidth - galleryBorderWidth);

			$theNav.each(function(){

				jQuery(this).find('li:eq(1)').width(galleryWidth - galleryBorderWidth - parseFloat(jQuery(this).parent().find('ul.prettyNavigation li:first').width()) - parseFloat(jQuery(this).parent().find('ul.prettyNavigation li:last').width()));

			});



			// Apply the functions to the buttons

			$theNav.find('li.prev a').bind('click',function(){

				gPrevious(this);

				return false;

			});



			$theNav.find('li.next a').bind('click',function(){

				gNext(this);

				return false;

			});

		};

		

		// Check if we need the gallery

		if(jQuery(this).find('li').size() > settings.itemsPerPage) {		

			// Set the number of pages

			pageCount = Math.ceil(jQuery(this).find('li').size() / settings.itemsPerPage);

			

			// Format the gallery properly

			_formatGallery();

			

			// Build and display the nav

			_applyNav();

			

			// Display the proper paging

			_displayPaging(this);

			currentPage = 1;

		};

	});

};