///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//slider

$(document).ready(function(){
	doSlider();
});
function doSlider(){
	$('#slides_container').show();
	var images = new Array();
	images.push('<div>');
		images.push('<ul>');
		$('#content div').each(function(){
			$(this).hide();
			images.push('<li class="slide">');
			images.push($(this).html());
			images.push('</li>');
		});
		images.push('</ul>');
	images.push('</div>');

	$('#slides').html(images.join(''));

	var currentPosition = 0;

	var slides = $('#slides ul li');
	slides
		.wrapAll('<div id="slideInner"></div>')
		.css({'float':'left'});

	var slideWidth = $('#slides ul li:first-child').width();	
	var 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-5){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	}	
}