(function($) {
	
  function slides() {
    return this.each(function() {
      var duration = 500,
    	    ease = 'linear',
          wrapper = $(this).find('div.wrapper'),
          slides = wrapper.find('div.slide'),
          firstslide = wrapper.find('div.slide:first'),
          next = $('#next'),
          previous = $('#previous');
          current = slides.first();

      wrapper.css('width', slides.length * 900 + 'px');
          
      function nextSlide(event) {
        var animate_amount = -900;
        
		
			$('.slide:first').clone().appendTo('#stories .wrapper');
		  	$('.slide:first').animate({
         	marginLeft: animate_amount + 'px'
         	}, { 
           		duration: duration, 
           		easing: ease });
			$('#next').unbind('click', nextSlide);
			setTimeout(function() {
				$('.slide:first').remove();
				$('#next').bind('click', nextSlide);
			}, duration);
			
			
			
		   event.preventDefault();
		

      }
      
      function previousSlide(event) {
        var animate_amount = 0;


			$('.slide:last').clone().attr('style', "margin-left:-900px").prependTo('#stories .wrapper');
		  	$('.slide:first').animate({
         	marginLeft: animate_amount + 'px'
         	}, { 
           		duration: duration, 
           		easing: ease });
			$('#previous').unbind('click', previousSlide);

			setTimeout(function() {
				$('.slide:last').remove();
		      $('#previous').bind('click', previousSlide);
			}, duration);

			

		   event.preventDefault();
      }  
          
      $('#next').bind('click', nextSlide);
      $('#previous').bind('click', previousSlide);
		
		$('#next').click(function() {
			$('#stories').removeClass("fastSlides");
			$('#stories').addClass("slowSlides");
		});
					
		var timerduration = 10000
		var timer = setInterval( slideout, timerduration);
	  	var counter = 0;
	  	function slideout() {
	    	if (counter ==0) { counter++; return; }
			
			if($('#stories').hasClass("fastSlides")){
				
				var animate_amount = -900;
				
				$('#next').unbind('click', nextSlide);
				$('.slide:first').clone().appendTo('#stories .wrapper');
			  	$('.slide:first').animate({
	         	marginLeft: animate_amount + 'px'
	         	}, { 
	           		duration: duration, 
	           		easing: ease });
				setTimeout(function() {
					$('.slide:first').remove();
				}, 600);
				setTimeout(function() {
					$('#next').bind('click', nextSlide);
				}, 800);
				
			}	
			
			if($('#stories').hasClass("slowSlides")){
				

			}
	  	}
		

    });


  } 
  
  $.extend($.fn, { slides: slides });
  
  $(function() {
    var c, count, list, slide, slides, val, wrapper;
    slides = $('div.cms-slide');
    count = slides.length;
    c = 1;
		
    wrapper = slides.wrapAll('<div id="stories" class="section slides-wrapper fastSlides"/>')
                    .addClass('slide')
                    .removeClass('cms-slide')
                    .each(function(index) {
                      $(this).attr('id', "slide-" + (index + 1));
							 $(this).addClass("slideCount" + (index + 1));
                    })
                    .first()
                    .parents('.slides-wrapper')
                    .prepend('<div class="nav"><div id="previous" class="btn"></div><div id="next" class="btn"></div></div>');
                    
                    
    wrapper.find('div.slide').wrapAll('<div class="wrapper"/>');
    
    wrapper.slides();
  });


	$(function() {

	});

})(jQuery);