$(document).ready(function(){
	doSlider();
});

var currentPosition = 0; 
var numberOfSlides = 0;
var slideWidth = 0;
var slideTimeShow = 5000;

function doSlider(){
	var hasImages = false;
	var images = new Array();
	var maxHeight = 0;
	images.push('<div>');
		images.push('<ul>');
		$('.format_text img').each(function(){
			$(this).hide();
			images.push('<li class="slide grid">');
				images.push('<img src="' + $(this).attr('src') + '"/>');
			images.push('</li>');
			if(maxHeight < $(this).height()){
				maxHeight =  $(this).height();
			hasImages = true;
			}
		});
		images.push('</ul>');
	images.push('</div>');

	if(hasImages){
		
		$('.format_text').append('<div id="slides_container"><div class="grid slide_left"></div><div id="slides" class="grid"></div><div class="grid slide_right" ></div><div class="clear"></div></div>');
		
		$('#slides_container').show();
		$('#slides').html(images.join(''));
	
		currentPosition = 0;
	
		var slides = $('#slides ul li');
		slides
			.wrapAll('<div id="slideInner"></div>')
			.height(maxHeight + 15)
	
		slideWidth = $('#slides ul li:first-child').width();	
		numberOfSlides = slides.length;
		$('#slideInner').css('width', slideWidth * numberOfSlides);
		$('.slide_left').html('<span class="control" id="leftControl"></span>');
		$('.slide_right').html('<span class="control" id="rightControl"></span>');
	
		manageControls(currentPosition);
		
		$('.control')
			.bind('click', function(){
				currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
				manageControls(currentPosition);
				$('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)});
			});	
	}

	function manageControls(position){
		if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
		if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	}
	
	if($('div.front-home').length > 0){
		slideTimer = setTimeout(function(){slidesAutoRun();},slideTimeShow);
	}
}
function slidesAutoRun(){
	currentPosition = (currentPosition+1)%numberOfSlides;
	$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
	});
	slideTimer = setTimeout(function(){
			slidesAutoRun();
	},slideTimeShow);
}