var width_block = 835;

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

function initialize_banner()
{
	$("#caroussel .hide").addClass("show");
	$("#caroussel .show").removeClass("hide");
	$("#caroussel .show").each(function(i) {
		var width = (i+1)*width_block;
		$("#caroussel").css("width",width);
	});
	
	$("#bannerLeft").click(move_left);
	$("#bannerRight").click(move_right);
	setTimeout("move_left()", 20000);
}

function move_left()
{
	var left_pos = parseInt($("#caroussel").css("left")) + width_block;
	if(left_pos <= 0)
	{
		$("#caroussel").animate({ left: left_pos }, 1500, "easeOutBack");
	}
	else
	{
		$("#caroussel").animate({ left: 84 }, 150, "easeOutBack")
					   .animate({ left: -(parseInt($("#caroussel").css("width")) - width_block) }, 1500, "easeOutBack");
	}
	setTimeout("move_left()", 20000);
}

function move_right()
{
	var left_pos = parseInt($("#caroussel").css("left")) - width_block;
	if(left_pos > -(parseInt($("#caroussel").css("width"))))
	{
		$("#caroussel").animate({ left: left_pos }, 1500, "easeOutBack");
	}
	else
	{
		$("#caroussel").animate({ left: -(parseInt($("#caroussel").css("width")) - width_block + 84) }, 150, "easeOutBack")
					   .animate({ left: 0 }, 1500, "easeOutBack");
	}
	setTimeout("move_left()", 20000);
}