/*
  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 ($) {
  $(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="/local/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: 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",
      onSlided: function (slideNumber) { }
    }, 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 clearfix"></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');
        };
        scrollToSlide(offset);
        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');
        };
        scrollToSlide(offset);
        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;
          scrollToSlide(offset);
          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
            scrollToSlide(offset);
            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:
          scrollToSlide(offset);
          setTimeout(autoSlide, settings.autoSlideInterval);
        };
      };

      function scrollToSlide(offset) {
        $('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
        if (typeof settings.onSlided == 'function') {
          settings.onSlided(currentPanel);
        }
      }

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

      sliderCount++;

    });
  };
})(jQuery);