$(document).ready(function(){
  var slideWidth = $('#slidesContainer').width();
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var element = $('#slidesContainer').children();
  var currentPosition = 1;
  var isAnimating = false;

  $('#slidesContainer').css('overflow', 'hidden');
  
  slides.wrapAll('<div id="slideInner"></div>').css({'float':'left'});

  $('#slideshow')
    .prepend('<span class="control" id="leftControl"></span>')
    .append('<span class="control" id="rightControl"></span>');
	
	$('#slideInner').css('width',(numberOfSlides)*slideWidth + slideWidth );
	$('#slideInner').append($(element[0]).clone());
	
	$('.control').bind('click', function(){
		if (!isAnimating) {
		if($(this).attr('id')=='leftControl') {
			if (currentPosition == 1) {
				$('#slideInner').css('marginLeft', -(numberOfSlides * slideWidth) );
				currentPosition = numberOfSlides;
			} else { currentPosition--;	}
			$('#slideInner').animate({
				'marginLeft': "+=" + slideWidth,
				queue : true
			}, "swing", function(){isAnimating = false;});
		} else {
			if (currentPosition > numberOfSlides) {
				currentPosition = 2;
				$('#slideInner').css('marginLeft', "0");
			} else { currentPosition++;	}
			$('#slideInner').animate({
				'marginLeft': "-=" + slideWidth,
				queue : true
			}, "swing", function(){isAnimating = false;});
		}
			isAnimating = true;
		}
	});
  
  $('#slideshow').everyTime('10s','time',function(){autoAdvance()});
  $("#slideshow").hover(
	  function () { $('#slideshow').stopTime('time'); }, 
	  function () { $('#slideshow').everyTime('10s','time',function(){autoAdvance()}); }
  );
  
  function autoAdvance()
  {	
  	$('#rightControl').trigger('click',[true]); 
  }
  
});