var slidecount = 0;
var timeout = 5000; //8 seconds between slides
var slideArr = new Array();
var totalslides = 0;
var prevslide = 0;
var timeoutfunction = 0;

$(document).ready(function() {
	totalslides = $("#slidecontainer > .slide").length;
	$('#slidecontainer > .slide').each(function(index) {
		slideArr.push($(this).attr("id"));
	});
	slidedisplay(totalslides);
	nextSlide(slideArr[slidecount]);
	$('#slidecontainer').css('background', 'none');
});

function slidedisplay(totalslides){
	$.each(slideArr, function(index, value){
		$("#slidecount").css("width", "+=24");
		div = '<div id="slide-'+value+'" class="slideind"></div>';
		$('#slidecount').append(div);
		if(index+1 == totalslides){
			$('.slideind').each(function(index) {
				$(this).click(function(){
					clearTimeout(timeoutfunction);
                                        nextSlide(slideArr[index]);
					slidecount = index+1;
					if(slidecount == totalslides){
						slidecount = 0;
					}
				});
			});
		}
	})
}

function nextSlide(slide){
        clearTimeout(timeoutfunction);
	hidePrev(prevslide,slide);
	$('#slide-'+slide).addClass('selected');
        $('#'+slide).addClass('selectedSlide');
	slidecount++;
        if(slidecount == totalslides){
	  slidecount = 0;
	}
          $('#'+slide).stop().css({'display': 'block', 'top' : 0}).offset({ left: -1200}).animate({ 'left': '0' }, 'slow', function(){
	    timeoutfunction = setTimeout("nextSlide(slideArr[slidecount])",timeout);
	  });
	prevslide = slide;
}

function hidePrev(lastslide,slide){
  $('#slide-'+lastslide).removeClass('selected');
  $('.slide').each(function(){
    if($(this).attr('id') != slide){
        $(this).stop().animate({ 'left': '1200' }).removeClass('selectedSlide');
    };
  });
}