var slideTimeShow = 5000;

var slideTimer = 0;
var currentPosition = 0;
var numberOfSlides = 0;
var slideWidth = 780;
$(document).ready(function(){
	var slides = $('.slide_wrapper ul li');
	numberOfSlides = slides.length;
	$('.slide_wrapper').css('overflow', 'hidden');
	slides
		.wrapAll('<div id="slideInner"></div>')
		.css({
			'float' : 'left',
			'width' : slideWidth
		});
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	$('.slide_left').append('<span class="control" id="leftControl"></span>');
	$('.slide_right').append('<span class="control" id="rightControl"></span>');
	manageControls(currentPosition);
	$('.control')
		.bind('click', function(){
			if (typeof(slideTimer) != 'undefined' && slideTimer != null) {
				clearTimeout(slideTimer);
			}
			currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
			manageControls(currentPosition);
			$('#slideInner').animate({
				'marginLeft' : slideWidth*(-currentPosition)
			});
			slideTimer = setTimeout(function(){
					slidesAutoRun();
			},slideTimeShow);			
		});	
	function manageControls(position){
		if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
		if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	}
			slideTimer = setTimeout(function(){
					slidesAutoRun();
			},slideTimeShow);
});

function slidesAutoRun(){
	currentPosition = (currentPosition+1)%numberOfSlides;
	$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
	});
	slideTimer = setTimeout(function(){
			slidesAutoRun();
	},slideTimeShow);
}