$(document).ready(function()
{
	var itemWidth = $("#sliderShow ul li img").width() + 15;
	var itemHeight = $("#sliderShow ul li img").height();
	var itemVisibleNbr = 3;
	var itemNbr = $("#sliderShow ul li").length;
	var delay = 30;
	var speed = 2;
	var sens = -speed;
	var play = true;
	
	init_slider( ( itemWidth * itemVisibleNbr ), itemHeight);
	init_content_item( itemWidth, itemNbr );
	
	var limit = 
	{
		gauche : 1,
		droite : $("#sliderShow").width() - $("#sliderShow ul").width()
	}
	
	$("#sliderShow ul li").hover(function()
	{
		play = false;
	}, function()
	{
		play = true;
	})
	
	window.setInterval(function()
	{
		var marge = get_marge();
		if( marge >= limit.gauche )
			{ sens = -speed; }
		else if( marge <= limit.droite )
			{ sens = +speed; }
		marge = marge + sens;
		//$(".info").empty().text(marge+" // "+limit.droite)
		if( play != false )
		{
			content_move( marge )
		}
	}, delay)
})

init_slider = function(_iWidth, _iHeight)
{
	var slider = $("#sliderShow");
	slider.css("width", _iWidth).css("height", _iHeight)
}

init_content_item = function( itemWidth, itemNbr )
{
	var content = $("#sliderShow ul");
	content.css("width", itemWidth * itemNbr )
}
content_move = function( marge )
{
	$("#sliderShow ul").css("left", marge)
}
get_marge = function()
{
	var marge = $("#sliderShow ul").css("left");
	marge = marge.split("px")
	return parseInt(marge[0])
}