/*
	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-1").children('.panel').hide().end().prepend('<p class="loading">Loading...</p>');
});

var sliderCount = 1;
$.fn.codaSlider = function(settings) {
	settings = $.extend({
		autoHeight: false,
		autoHeightEaseDuration: 1000,
		autoHeightEaseFunction: "easeInOutExpo",
		autoSlide: true,
		autoSlideInterval: 8000,
		timer:4000,
		autoSlideStopWhenClicked: false,
		autoSlidePause: false,
		crossLinking: true,
		dynamicArrows: false,
		dynamicArrowLeftText: "&nbsp;",
		dynamicArrowRightText: "&nbsp;",
		dynamicTabs: true,
		dynamicTabsAlign: "center",
		dynamicTabsPosition: "middle",
		externalTriggerSelector: "a.xtrig",
		firstPanelToLoad: 1,
		panelTitleSelector: "h2.title",
		productPanelTitleSelector: "h2.tabtitle",
		slideEaseDuration: 1500,
        slideEaseFunction: "easeInOutExpo",
        selectionWillChangeCallback:null,
        selectionDidChangeCallback:null
	}, settings);
	
	return this.each(function(){
		// Uncomment the line below to test your preloader
		var slider = $(this);
		// If we need arrows
		if (settings.dynamicArrows) {
			slider.parent().addClass("arrows");
			slider.after('<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();
	//	 panelWidth +=80;
		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(){		
		    // Stop sliding.
		    pause();
		    // Change the pause button into play.		    
		    slider.siblings('.coda-nav').find('#coda-nav-pause-1').removeClass('stop').addClass('start');
		    
			navClicks++;
        	if (currentPanel <= 1) {
        		var offset = 0;
        		currentPanel = 1;
        	} else {
                currentPanelId = currentId + currentPanel;
                currentPanel -= 1;
                $.each( $(".panel-container").children(), function(i){
                    var substr = currentPanelId.split('');
                    currentTab = substr[0];
                });
        	    alterPanelHeight(currentPanel - 1);
                var offset = - (panelWidth*(currentPanel-1));
        		
        	};
        	// Switch the current tab:
            $.each( $(".panel-container").children(), function(i){
               if (i == (currentPanel - 1)){
                currentPanelId = $(this).attr('id');
                var substr = currentPanelId.split('');
                currentTab = substr[0];
              }
            });
            slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('#' + currentTab).addClass('current');
        	// Slide:
        	$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);			
			return false;
		});
			
		// Right arrow click
		$('#coda-nav-right-' + sliderCount + ' a').click(function(){
		    // Stop sliding.
		    pause();
		    // Change the pause button into play.
		    slider.siblings('.coda-nav').find('#coda-nav-pause-1').removeClass('stop').addClass('start');
		    navClicks++;
            currentId = slider.siblings('.coda-nav').find('a.current').attr('id');
        	if (currentPanel == panelCount) {
        		var offset = 0;
        		currentPanel = 1;
        		alterPanelHeight(0);
        	} else {
        	
        		currentPanelId = currentId + currentPanel;
                $.each( $(".panel-container").children(), function(i){
                    var substr = currentPanelId.split('');
                    currentTab = substr[0];
                });
                var offset = - (panelWidth*currentPanel);
        	    currentPanel += 1;
        	};
        	alterPanelHeight(currentPanel - 1);
        	// Switch the current tab:
            $.each( $(".panel-container").children(), function(i){
               if (i == (currentPanel - 1)){
                currentPanelId = $(this).attr('id');
                var substr = currentPanelId.split('');
                currentTab = substr[0];
              }
            });
            slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('#' + currentTab).addClass('current');
        	// Slide:
        	$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
			return false;
		});
		
		// If we need a dynamic menu
		if (settings.dynamicTabs) {
			var dynamicTabs = '<div class="coda-nav" id="coda-nav-' + sliderCount + '"><span class="top-left"></span><span class="top-right"></span><span class="corner-left">&nbsp;</span><ul></ul><span class="corner-right"/></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
			$.each( $("#coda-slider").children(), function(i,l){
			        var targetUrl;
			        var tabAction;
                    currentId = $(this).find(settings.productPanelTitleSelector).attr('id');
                    targetUrl = $(this).find(settings.productPanelTitleSelector).attr('target');
                    if (targetUrl){tabAction = targetUrl + ".html";} else {tabAction = "#_" + currentId;}
                    ul.append('<li class="tab' + (i+1) + '" ><a href="' + tabAction + '" id=' + currentId +'>&nbsp;'+ '</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: '420px'});
					break;
				case "right":
					ul.css({ float: 'right' });
					break;
			};
		};
			
        // Pause button click
		$("#coda-nav-pause-" + sliderCount).click(function(){
		  pauseOrRestart();
		});
		
		// 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() {
		    // Stop sliding.
		    pause();
		    // Change the pause button into play.		    
		    slider.siblings('.coda-nav').find('#coda-nav-pause-1').removeClass('stop').addClass('start');
			
				navClicks++;
				$(this).addClass('current').parents('ul').find('a').not($(this)).removeClass('current');
                  currentProduct = this.id;
                  currentProductPanel = this.id + '1';
                  productPanels = 0;
                 $.each( $(".panel-container").children(), function(i){
                    currentPanelId = this.id;
                    if (currentProductPanel == currentPanelId){
                        currentPanel = i+1;
                    }
                    var substr = currentPanelId.split('');
                    if (currentProduct == substr[0] ){
                      productPanels += 1;
                    } 
                 });
				///offset = - (panelWidth*(z*productPanels));
				//console.log('CLICK: current id: ' + currentId + " = currentPanel: " + currentPanel);               

				offset = - (panelWidth*(currentPanel-1));
				//console.log ("Click");
				alterPanelHeight(z);
				$('.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
			//console.log('clickk');
			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() {
				settings.timer = setTimeout(autoSlide,settings.autoSlideInterval);
			});
		};
		function alterPanelHeight(x) {
			if (settings.autoHeight) {
				panelHeight = $('.panel:eq(' + x + ')', slider).height()
				slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);
			};
		};
		
		// Pauses the slides
		function pause(){
		 settings.autoSlidePause = true;
		 if (settings.timer){
		      clearTimeout(settings.timer);
		  }
		}
		
		// Pauses or restarts the slider.
		function pauseOrRestart(){
		  settings.autoSlidePause = !settings.autoSlidePause;
		  
		  if(settings.autoSlidePause){
		      slider.siblings('.coda-nav').find('#coda-nav-pause-1').removeClass('stop').addClass('start');
		  
		  } else slider.siblings('.coda-nav').find('#coda-nav-pause-1').removeClass('start').addClass('stop');
		  
		  if (settings.timer){
		      clearTimeout(settings.timer);
		  }
		  settings.timer = setTimeout(autoSlide, 100);	  
		}
		
		function autoSlide() {
		    if (settings.autoSlidePause) {
		      // Wait for autoSlidePause to be set on false.
		      // Schedule another autoSlide.
	         settings.timer = setTimeout(autoSlide, settings.autoSlideInterval);
		    } else if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
                    currentId = slider.siblings('.coda-nav').find('a.current').attr('id');
    				if (currentPanel == panelCount) {
    					var offset = 0;
    					currentPanel = 1;
    				} else {
    					currentId = slider.siblings('.coda-nav').find('a.current').attr('id');
                        currentPanelId = currentId + currentPanel;
                        $.each( $(".panel-container").children(), function(i){
                            var substr = currentPanelId.split('');
                            currentTab = substr[0];
                        });
                        var offset = - (panelWidth*currentPanel);
    					currentPanel += 1;
    				};
    				
    				alterPanelHeight(currentPanel - 1);
    				
    				// Switch the current tab:
                    $.each( $(".panel-container").children(), function(i){
                       if (i == (currentPanel - 1)){
                        currentPanelId = $(this).attr('id');
                        var substr = currentPanelId.split('');
                        currentTab = substr[0];
                      }
                    });
        
                    slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('#' + currentTab).addClass('current');
    				// Slide:
    				$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
    				settings.timer = setTimeout(autoSlide,settings.autoSlideInterval);
  			};
		};
		// Kill the preloader
		$('.panel', slider).show().end().find("p.loading").remove();
		slider.removeClass("preload");
		sliderCount++;
	});
};