/*
  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.
*/

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="images/ajax-loader.gif" alt="loading..." /></p>');
});

var sliderCount = 1;

jQuery.fn.codaSlider = function(settings) {

  settings = jQuery.extend({
    autoHeight: true,
    autoHeightEaseDuration: 1000,
    autoHeightEaseFunction: "easeInOutExpo",
    autoSlide: true,
    autoSlideInterval: 7000,
    autoSlideStopWhenClicked: true,
    crossLinking: true,
    dynamicArrows: false,
    dynamicArrowLeftText: "/repository/images/indietro.gif",
    dynamicArrowRightText: "/repository/images/avanti.gif",
    dynamicTabs: true,
    dynamicTabsAlign: "center",
    dynamicTabsPosition: "bottom",
    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 = jQuery(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="#"><img src="' + settings.dynamicArrowLeftText + '"></img></a></div>');
      slider.after('<div class="coda-nav-right" id="coda-nav-right-' + sliderCount + '"><a href="#"><img src="' + settings.dynamicArrowRightText + '"></img></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)
    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 });
    
    // 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));
      jQuery('.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));
      jQuery('.panel-container', slider).css({ marginLeft: offset });
    // Otherwise, we'll just set the current panel to 1...
    } else { 
      var currentPanel = 1;
    };
    
    

    
    // 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
      // GIULIO
      
      
      ul.append('<li><span ><img id="coda-nav-left" style="cursor:pointer" src="' + settings.dynamicArrowLeftText + '"></img></span></li>');
  
      jQuery('.panel', slider).each(function(n) {
        ul.append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '">' + jQuery(this).find(settings.panelTitleSelector).text() + '</a></li>');                        
      });
      ul.append('<li><span ><img id="coda-nav-right" style="cursor:pointer" src="' + settings.dynamicArrowRightText + '"></img></span></li>');

      navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
      ul.parent().css({ width: navContainerWidth });
      var isIE6 = (navigator.userAgent.toLowerCase().substr(25,6) == "msie 6");
      switch (settings.dynamicTabsAlign) {
        case "center":
            if (!isIE6){
            ul.css({ width: (jQuery("li", ul).width() + 2) * (panelCount + 2)});
          }
          break;
        case "right":
          ul.css({ float: 'right' });
          break;
      };
    };
    
    if (!settings.dynamicArrows){
    
      // Left arrow click
      //alert(sliderCount);
      jQuery("#coda-nav-left").click(function(){
        //alert("click left currentPanel="+currentPanel);
        navClicks++;
        if (currentPanel == 1) {
          offset = - (panelWidth*(panelCount - 1));
          alterPanelHeight(panelCount - 1);
          currentPanel = panelCount;
          slider.siblings('.coda-nav').find('a.current').removeClass('current');
          jQuery('.coda-nav').find('a:eq('+(panelCount-1)+')').addClass('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');
        };
        jQuery('.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
      jQuery('#coda-nav-right').click(function(){
        //alert("click right currentPanel="+currentPanel);
        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');
        };
        jQuery('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
        if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
        return false;
      });
    }
    else {
    
      // Left arrow click
      jQuery("#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');
        };
        jQuery('.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
      jQuery('#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');
        };
        jQuery('.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 tabbed nav
    jQuery('#coda-nav-' + sliderCount + ' a').each(function(z) {
      // What happens when a nav link is clicked
      jQuery(this).bind("click", function() {
        navClicks++;
        jQuery(this).addClass('current').parents('ul').find('a').not(jQuery(this)).removeClass('current');
        offset = - (panelWidth*z);
        alterPanelHeight(z);
        currentPanel = z + 1;
        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
      });
    });
    
    // 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 - 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 = jQuery('.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:
        jQuery('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
        setTimeout(autoSlide,settings.autoSlideInterval);
      };
    };
    
    // Kill the preloader
    jQuery('.panel', slider).show().end().find("p.loading").remove();
    slider.removeClass("preload");
    
    sliderCount++;
    
  });
};