var slidesinited = false;
var numberOfSlides = 0;
var oldPosition = 0;
var currentPosition = 0;

var slidesClass;
var slideWidth;

function initSlides(sWidth,sClass)
{
  if( slidesinited ) return;
  slidesinited = true;
  slideWidth = sWidth;
  slidesClass = sClass;
  var slides = $('.slide'+slidesClass);
  
  currentPosition = 0;
  numberOfSlides = slides.length;
  

  // Remove scrollbar in JS
  $('#slidesContainer'+slidesClass).css('overflow', 'hidden');
  

  // Wrap all .slides with #slideInner div
  slides.css({
    //'float' : 'left',
    'width' : slideWidth
  });
  
  
  // Set #slideInner width equal to total width of all slides
  //$('#slideInner'+slidesClass).css('width', slideWidth * numberOfSlides);
  
  $("#slideshow").animate({'display':'block'},4000,slideCycle);
}


	function updateSlides()
	{
		// Move slideInner using margin-left
		//$('#slideInner'+slidesClass).animate({
			//'marginLeft' : slideWidth*(-currentPosition)
		//});

		// Fade new in 
		$("#slide-"+currentPosition).css({ 'display': 'block', 'opacity' :0.0} ).animate({ 'opacity' : '1'}, 500);

		// Fade current out
		$("#slide-"+oldPosition).animate({ 'opacity' : '0'},1000, function(){ $(this).css({'display':'block'})});
		

		$("#slideshow").animate({'display':'block'},4000,slideCycle);
	}
	
	function slideCycle()
	{
		oldPosition = currentPosition;

		currentPosition++;
		
		if( currentPosition >= numberOfSlides )
		{
			currentPosition = 0;
		}
		
		updateSlides();
	}