$(document).ready(function(){
 var currentPosition = 0;
  var slideWidth = 573;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // Remove scrollbar with JS
  $('#slidesContainer').css('overflow', 'hidden');
  slides.wrapAll('<div id="slideInner"></div>').css({'float' : 'left','width' : slideWidth});
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow').append('<ul id="controlsList"></ul>');
  	slides.each(function(i){$('#controlsList').append('<li><a href="#" id="'+i+'" class="slideTH">'+(i+1)+'</a></li>');})
	$('#controlsList li:first a').addClass('active');
	//Auto Scroll
	function sessTimer(){
	    slideTimer = window.setInterval(function(){
	       // Determin new position
	       currentPosition = $('#controlsList li a.active').attr('id');
	       if(parseInt(currentPosition) + 2 > numberOfSlides){currentPosition=0}else{currentPosition = parseInt(currentPosition) + 1};
	       $('#slideInner').animate({'marginLeft' : -(slideWidth*currentPosition)});
	       $('#controlsList li a.active').removeClass('active');
	       $('#'+currentPosition).addClass('active');
	    },8000); 
	}
	sessTimer();
	
	$('.slideTH').bind('click', function(){
	  $('#controlsList li a').removeClass('active');
	  $(this).addClass('active');
	  currentPosition = $(this).attr('id');
	  $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)});
	  clearInterval(slideTimer);
	  sessTimer();
	  return false;
    });
});
Cufon.replace('.slideTitle', {
	fontSize: '65px',
    fontFamily: 'Helvetica'
});