jQuery.fn.extend({

  toogslider : function(time, path_images, duration) {
  
    var $container = jQuery(this).find('.scrollContainer');
    var $panels = jQuery(this).find('.panel');
    var $scroll = jQuery(this).find('.scroll');
        
    var horizontal = true;
    if (horizontal) {
      $panels.css({ 'float' : 'left', 'position' : 'relative' });
      $container.css('width', $panels[0].offsetWidth * $panels.length);
    };

    // boutons prev / next
    $scroll.before('<img class="scrollButtons leftslide" src="' + path_images + '/nav_left.png" width="37" height="34"/>').after('<img class="scrollButtons rightslide" src="' + path_images + '/nav_right.png" width="37" height="34"/>');
    
    jQuery(this).find('.navigation a').click(selectNav);
      
    if (window.location.hash) {
      jQuery(this).find('.navigation a[href=#' + window.location.hash.substr(1) + ']').click();
    } else {
      jQuery(this).find('.navigation a:first').click();
    }

    if (time)
    {
      jQuery(this).everyTime(time, function() {
        jQuery('img.rightslide').click();
      });
    }

    var currentPanel = 1;
    var offset = 0;
    var navClicks = 0;
    var slider = $(this);
		var panelWidth = slider.find(".panel").width();
		var panelCount = slider.find(".panel").size();
		var panelContainerWidth = panelWidth*panelCount;
    
    // Pour la compatibilité Chrome (sinon : faire un preloader d'image...)
    panelWidth = 622;

    // Left arrow click
		$("img.leftslide").click(function(){
			navClicks++;
			if (currentPanel == 1) {
				offset = - (panelWidth*(panelCount - 1));
				//alterPanelHeight(panelCount - 1);
				currentPanel = panelCount;
				slider.siblings('.panel').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('.panel').find('a.current').removeClass('current').parent().prev().find('a').addClass('current');
			};
			$container.animate({ marginLeft: offset }, duration, 'swing');
			//if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
			return false;
		});

		// Right arrow click
		$('img.rightslide').click(function(){
			navClicks++;
			if (currentPanel == panelCount) {
				offset = 0;
				currentPanel = 1;
				//alterPanelHeight(0);
				slider.siblings('.panel').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');
			} else {
				offset = - (panelWidth*currentPanel);
				//alterPanelHeight(currentPanel);
				currentPanel += 1;
				slider.siblings('.panel').find('a.current').removeClass('current').parent().next().find('a').addClass('current');
			};
			$container.animate({ marginLeft: offset }, duration, 'swing');
			//if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
			return false;
		});


    var scrollOptions = {
      target: $scroll,
      items: $panels,
      navigation: jQuery(this).find('.navigation a'),
      prev: 'img.leftslide', 
      next: 'img.rightslide',
      axis: 'xy',
      offset: parseInt((horizontal ? $container.css('paddingTop') : $container.css('paddingLeft')) || 0) * -1,
      duration: duration,
      easing: 'swing'
    };

    jQuery.localScroll(scrollOptions);
    scrollOptions.duration = 1;
    jQuery.localScroll.hash(scrollOptions);
    
    function selectNav(e) {
      jQuery(this).parents('ul:first').find('a').removeClass('selected');
      jQuery(this).addClass('selected');
    }

  }
});

