/*

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider

	Copyright (c) 2009 Niall Doherty

	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.

*/



$(function(){

	// Remove the coda-slider-no-js class from the body

	$("body").removeClass("coda-slider-no-js");

	// Preloader

	$(".coda-slider").children('.panel').hide().end().prepend('<p class="loading">Loading...<br /><img src="images/ajax-loader.gif" alt="loading..." /></p>');

});



var sliderCount = 1;



$.fn.codaSlider = function(settings) {



	settings = $.extend({

		autoHeight: true,

		autoHeightEaseDuration: 1000,

		autoHeightEaseFunction: "easeInOutExpo",

		autoSlide: false,

		autoSlideInterval: 7000,

		autoSlideStopWhenClicked: true,

		crossLinking: true,

		dynamicArrows: false,

		dynamicArrowLeftText: "&#171; left",

		dynamicArrowRightText: "right &#187;",

		dynamicTabs: true,

		dynamicTabsAlign: "left",

		dynamicTabsPosition: "top",

		externalTriggerSelector: "a.xtrig",

		firstPanelToLoad: 1,

		panelTitleSelector: "h2.title",

		slideEaseDuration: 1000,

		slideEaseFunction: "easeInOutExpo"

	}, settings);

	

	return this.each(function(){

		

		// Uncomment the line below to test your preloader

		// alert("Testing preloader");

		

		var slider = $(this);

		

		// If we need arrows

		if (settings.dynamicArrows) {

			slider.parent().addClass("arrows");

			slider.before('<div class="coda-nav-left" id="coda-nav-left-' + sliderCount + '"><a href="#">' + settings.dynamicArrowLeftText + '</a></div>');

			slider.after('<div class="coda-nav-right" id="coda-nav-right-' + sliderCount + '"><a href="#">' + settings.dynamicArrowRightText + '</a></div>');

		};

		

		var panelWidth = slider.find(".panel").width();

		var panelCount = slider.find(".panel").size();

		var panelContainerWidth = panelWidth*panelCount;

		var navClicks = 0; // Used if autoSlideStopWhenClicked = true

		

		// Surround the collection of panel divs with a container div (wide enough for all panels to be lined up end-to-end)

		$('.panel', slider).wrapAll('<div class="panel-container"></div>');

		// Specify the width of the container div (wide enough for all panels to be lined up end-to-end)

		$(".panel-container", slider).css({ width: panelContainerWidth });

		

		// Specify the current panel.

		// If the loaded URL has a hash (cross-linking), we're going to use that hash to give the slider a specific starting position...

		if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {

			var currentPanel = parseInt(location.hash.slice(1));

			var offset = - (panelWidth*(currentPanel - 1));

			$('.panel-container', slider).css({ marginLeft: offset });

		// If that's not the case, check to see if we're supposed to load a panel other than Panel 1 initially...

		} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) { 

			var currentPanel = settings.firstPanelToLoad;

			var offset = - (panelWidth*(currentPanel - 1));

			$('.panel-container', slider).css({ marginLeft: offset });

		// Otherwise, we'll just set the current panel to 1...

		} else { 

			var currentPanel = 1;

		};

			

		// Left arrow click

		$("#coda-nav-left-" + sliderCount + " a").click(function(){

			navClicks++;

			if (currentPanel == 1) {

				offset = - (panelWidth*(panelCount - 1));

				alterPanelHeight(panelCount - 1);

				currentPanel = panelCount;

				slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('li:last a').addClass('current');

			} else {

				currentPanel -= 1;

				alterPanelHeight(currentPanel - 1);

				offset = - (panelWidth*(currentPanel - 1));

				slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().prev().find('a').addClass('current');

			};

			$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

			if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)

			return false;

		});

			

		// Right arrow click

		$('#coda-nav-right-' + sliderCount + ' a').click(function(){

			navClicks++;

			if (currentPanel == panelCount) {

				offset = 0;

				currentPanel = 1;

				alterPanelHeight(0);

				slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');

			} else {

				offset = - (panelWidth*currentPanel);

				alterPanelHeight(currentPanel);

				currentPanel += 1;

				slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().next().find('a').addClass('current');

			};

			$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

			if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)

			return false;

		});

		

		// If we need a dynamic menu

		if (settings.dynamicTabs) {

			var dynamicTabs = '<div class="coda-nav" id="coda-nav-' + sliderCount + '"><ul></ul></div>';

			switch (settings.dynamicTabsPosition) {

				case "bottom":

					slider.parent().append(dynamicTabs);

					break;

				default:

					slider.parent().prepend(dynamicTabs);

					break;

			};

			ul = $('#coda-nav-' + sliderCount + ' ul');

			// Create the nav items

			$('.panel', slider).each(function(n) {

				ul.append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>');												

			});

			navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();

			ul.parent().css({ width: navContainerWidth });

			switch (settings.dynamicTabsAlign) {

				case "center":

					ul.css({ width: ($("li", ul).width() + 2) * panelCount });

					break;

				case "right":

					ul.css({ float: 'right' });

					break;

			};

		};

			

		// If we need a tabbed nav

		$('#coda-nav-' + sliderCount + ' a').each(function(z) {

			// What happens when a nav link is clicked

			$(this).bind("click", function() {

				navClicks++;

				$(this).addClass('current').parents('ul').find('a').not($(this)).removeClass('current');

				offset = - (panelWidth*z);

				alterPanelHeight(z);

				currentPanel = z + 1;

				$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

				if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified

			});

		});

		

		// External triggers (anywhere on the page)

		$(settings.externalTriggerSelector).each(function() {

			// Make sure this only affects the targeted slider

			if (sliderCount == parseInt($(this).attr("rel").slice(12))) {

				$(this).bind("click", function() {

					navClicks++;

					targetPanel = parseInt($(this).attr("href").slice(1));

					offset = - (panelWidth*(targetPanel - 1));

					alterPanelHeight(targetPanel - 1);

					currentPanel = targetPanel;

					// Switch the current tab:

					slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (targetPanel - 1) + ') a').addClass('current');

					// Slide

					$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

					if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified

				});

			};

		});

			

		// Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking).

		if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {

			$("#coda-nav-" + sliderCount + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current");

		// If there's no cross-linking, check to see if we're supposed to load a panel other than Panel 1 initially...

		} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) {

			$("#coda-nav-" + sliderCount + " a:eq(" + (settings.firstPanelToLoad - 1) + ")").addClass("current");

		// Otherwise we must be loading Panel 1, so make the first tab the current one.

		} else {

			$("#coda-nav-" + sliderCount + " a:eq(0)").addClass("current");

		};

		

		// Set the height of the first panel

		if (settings.autoHeight) {

			panelHeight = $('.panel:eq(' + (currentPanel - 1) + ')', slider).height();

			slider.css({ height: panelHeight });

		};

		

		// Trigger autoSlide

		if (settings.autoSlide) {

			slider.ready(function() {

				setTimeout(autoSlide,settings.autoSlideInterval);

			});

		};

		

		function alterPanelHeight(x) {

			if (settings.autoHeight) {

				panelHeight = $('.panel:eq(' + x + ')', slider).height()

				slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);

			};

		};

		

		function autoSlide() {

			if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {

				if (currentPanel == panelCount) {

					var offset = 0;

					currentPanel = 1;

				} else {

					var offset = - (panelWidth*currentPanel);

					currentPanel += 1;

				};

				alterPanelHeight(currentPanel - 1);

				// Switch the current tab:

				slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');

				// Slide:

				$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);

				setTimeout(autoSlide,settings.autoSlideInterval);

			};

		};

		

		// Kill the preloader

		$('.panel', slider).show().end().find("p.loading").remove();

		slider.removeClass("preload");

		

		sliderCount++;

		

	});

};