/*
	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.
	Modified by Marcel Greter (c) 2010 RTPartner.ch
*/

jQuery(function(){
	// Remove the coda-slider-no-js class from the body
	jQuery("body").removeClass("coda-slider-no-js");
	// Preloader
	jQuery(".coda-slider").children('.panel').hide().end().prepend('<p class="loading">Loading...<br /><img src="clear.gif" alt="loading..." /></p>');
});

var sliderCount = 1;

jQuery.fn.codaSlider = function(settings) {

	settings = jQuery.extend({
		autoHeight: true,
		autoHeightEaseDuration: 1000,
		autoHeightEaseFunction: "easeInOutExpo",
		autoSlide: false,
		autoSlideInterval: 7000,
		autoSlideStopWhenClicked: true,
		autoSlidePauseWhenMouseOver: true,
		crossLinking: true,
		dynamicArrows: true,
		dynamicArrowLeftText: "&#171; left",
		dynamicArrowRightText: "right &#187;",
		dynamicTabs: true,
		dynamicTabsAlign: "center",
		dynamicTabsPosition: "top",
		externalTriggerSelector: "a.xtrig",
		firstPanelToLoad: 1,
		panelTitleSelector: "h2.title",
		slideEaseDuration: 1000,
		slideEaseFunction: "easeInOutExpo",
		infiniteLoop : false,
		continous: false
	}, settings);
	
	return this.each(function(){

		var slider = jQuery(this);
		var queue = new Array();
		var currentPanel = 0;
		
		// add navigation arrows
		if (settings.dynamicArrows) {
			slider.parent().addClass("arrows");
			if (settings.dynamicArrowLeftText) slider.before('<div class="coda-nav-left" id="coda-nav-left-' + sliderCount + '"><a href="javascript:void(0)">' + settings.dynamicArrowLeftText + '</a></div>');
			if (settings.dynamicArrowRightText) slider.after('<div class="coda-nav-right" id="coda-nav-right-' + sliderCount + '"><a href="javascript:void(0)">' + settings.dynamicArrowRightText + '</a></div>');
		};
				
		if (settings.continous) {
			var first = slider.find(".panel:first").clone();
			var last = slider.find(".panel:last").clone();
			first.appendTo(slider).addClass("cloned");
			last.prependTo(slider).addClass("cloned");
		}

		var panelWidth = slider.find(".panel").width();
		var panelCount = slider.find(".panel").size();
		var panelContainerWidth = panelWidth*panelCount;
		var navClicks = 0; // Used if autoSlideStopWhenClicked = true

		// 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 && location.hash.match(/^#?slide([0-9]+)/) && RegExp.$1 <= panelCount) {
			currentPanel = RegExp.$1 - 1;
		// 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) { 
			currentPanel = settings.firstPanelToLoad - 1;
		};

		if (settings.continous) currentPanel ++;

		var min = settings.continous ? 1 : 0;
		var max = settings.continous ? panelCount - 2 : panelCount - 1;

		// Surround the collection of panel divs with a container div (wide enough for all panels to be lined up end-to-end)
		jQuery('.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)
		jQuery(".panel-container", slider).css({ width: panelContainerWidth });

		var offset = - (panelWidth*(currentPanel));
		jQuery('.panel-container', slider).css({ marginLeft: offset });

		var animation = false;

		function animate(dir) {
			
			// check animation lock
			if (animation) return false;

			var startPanel = currentPanel;
			var action = queue.pop().toString();

			switch(action.substring(0,1)){
				case "n": // next
					if (!settings.continous && currentPanel >= max)
					{ queue.length = 0; return false; }
					currentPanel += 1;
					break; 
				case "p": // previous
					if (!settings.continous && currentPanel <= min)
					{ queue.length = 0; return false; }
					currentPanel -= 1;
					break; 
				case "f": // first
					currentPanel = min;
					break; 
				case "l": // last
					currentPanel = max;
					break; 
				case "+": // forward
					// currentPanel = max;
					break; 
				case "-": // rewind
					// currentPanel = max;
					break; 
				default:
					if (action.match(/[0-9]+/)) {
						if (currentPanel < action)
						{
							for(var i = currentPanel; i < action; i++)
							{ queue.push("next"); }
							animate(); return true;
						}
						else if (currentPanel > action)
						{
							for(var i = currentPanel; i > action; i--)
							{ queue.push("prev"); }
							animate(); return true;
						}
						// else return true;
					} else {				
						alert("to be implemented");
					}
					break; 
			};
			
			// lock animation 
			animation = true;

			var newPannel = currentPanel;
			// adjust panel if not continous scroll
			if (!settings.continous) {
				if (newPannel < min) newPannel = max;
				if (newPannel > max) newPannel = min;
			}

			var offset = 0 - (panelWidth*(newPannel));
			alterPanelHeight(newPannel);
			updateUI.call(slider, newPannel);

			var diff = Math.abs(startPanel-currentPanel);
			var speed = diff * settings.slideEaseDuration;						

			jQuery('.panel-container', slider).animate(
				{ marginLeft: offset },
				settings.slideEaseDuration, settings.slideEaseFunction,
				function() {
					if (settings.continous) {
						if (currentPanel < min) {
							currentPanel = max;
							var offset = - (panelWidth*(currentPanel));
							jQuery('.panel-container', slider).css({ marginLeft: offset });
						}
						if (currentPanel > max) {
							currentPanel = min;
							var offset = - (panelWidth*(currentPanel));
							jQuery('.panel-container', slider).css({ marginLeft: offset });
						}
					}
					// animation finished
					animation = false;
					// animate if more actions in queue
					if (queue.length > 0) animate();
					// wait for empty queue until restarting autoslider
					else if (autoslider == true) autoslider = setTimeout(autoSlide,settings.autoSlideInterval);
					
					// slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('li:last a').addClass('current');
					if (settings.crossLinking) { location.hash = "slide" + currentPanel }; // Change the URL hash (cross-linking)
					
					return updateUI.call(slider, currentPanel);

				}
			);
		
		}

		// Left arrow click
		jQuery("#coda-nav-left-" + sliderCount + " a").click(function(){
			navClicks++;
			queue.push("prev");
			animate();
			return false;
		});
		
		// Right arrow click
		jQuery('#coda-nav-right-' + sliderCount + ' a').click(function(){
			navClicks++;
			queue.push("next");
			animate();
			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 = jQuery('#coda-nav-' + sliderCount + ' ul');
			// Create the nav items
			jQuery('.panel', slider).each(function(n) {
				if (jQuery(this).hasClass("cloned")) return true;
				if (settings.continous) n -= 1;
				ul.append('<li class="tab' + (n+1) + '"><a href="#slide' + (n+1) + '">' + jQuery(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: (jQuery("li", ul).width() + 2) * panelCount });
					break;
				case "right":
					ul.css({ float: 'right' });
					break;
			};
		};
		
		// If we need a tabbed nav
		jQuery('#coda-nav-' + sliderCount + ' a').each(function(z) {
			// What happens when a nav link is clicked
			jQuery(this).bind("click", function() {
				navClicks++;
				queue.push(z+1);
				animate();
				return false;
			});
		});
		
		/*
		// External triggers (anywhere on the page)
		jQuery(settings.externalTriggerSelector).each(function() {
			// Make sure this only affects the targeted slider
			if (sliderCount == parseInt(jQuery(this).attr("rel").slice(12))) {
				jQuery(this).bind("click", function() {
					navClicks++;
					targetPanel = parseInt(jQuery(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
					jQuery('.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) {
			jQuery("#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) {
			jQuery("#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 {
			jQuery("#coda-nav-" + sliderCount + " a:eq(0)").addClass("current");
		};
		*/
		
		// Set the height of the first panel
		if (settings.autoHeight) {
			panelHeight = jQuery('.panel:eq(' + (currentPanel) + ')', slider).height();
			slider.css({ height: panelHeight });
		};
		
		var autoslider = false;
		
		// 
		function alterPanelHeight(x) {
			if (settings.autoHeight) {
				panelHeight = jQuery('.panel:eq(' + x + ')', slider).height()
				slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);
			};
		};
		
		function autoSlide() {
			if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
				queue.push("next"); autoslider = true; animate();
			};
		};
		
		function updateUI(panel) {
			if (!settings.continous) {
				if(panel <= min) jQuery(".coda-nav-left", this.parent()).hide();
				else jQuery(".coda-nav-left", this.parent()).show();
				if(panel >= max) jQuery(".coda-nav-right", this.parent()).hide();
				else jQuery(".coda-nav-right", this.parent()).show();
			}
			// mark current
			slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (panel - 1) + ') a').addClass('current');
			slider.find('.panel:not(.cloned)').removeClass('current');
			slider.find('.panel:not(.cloned):eq(' + (panel - 1) + ')').addClass('current');
			
//			.parents('ul').find('li:eq(' + (panel - 1) + ') a').addClass('current');
		}
		
		// Trigger autoSlide
		if (settings.autoSlide) {
			slider.ready(function() {
				var interval = settings.firstAutoSlideDelay ?
					settings.firstAutoSlideDelay : settings.autoSlideInterval;
				autoslider = setTimeout(autoSlide, interval);
			});
		};

		// pause auto slide if mouse is over the element
		if (settings.autoSlidePauseWhenMouseOver && settings.autoSlide) { $(slider).parent().hover(
			function () { if(autoslider) clearTimeout(autoslider); autoslider = false; },
			function () { autoslider = setTimeout(autoSlide,settings.autoSlideInterval); }
		)}

		updateUI.call(slider, currentPanel);

		// Kill the preloader
		jQuery('.panel', slider).show().end().find("p.loading").remove();
		slider.removeClass("preload");
		
		sliderCount++;
		
	});
};