var cur = 0;
var loop_again = true;


$(document).ready(function() {
	$("#controller").jFlow( {
		slides : "#slides",
		width : "931px",
		height : "411px",
		duration : 400
	});
	setTimeout("loop()", 5000);

	$('.jFlowPrev img').click(function(){
		loop_again=false;
	});

	$('.jFlowNext img').click(function(){
		loop_again=false;
	});



});

function loop() {
	if(!loop_again){
		return false;
	}
	var maxi = $("#slides .slide").length;
	if (cur < maxi - 1)
		cur++;
	else
		cur = 0;

	$(".jFlowControl").removeClass("jFlowSelected");
	$("#slides")
			.animate(
					{
						marginLeft : "-"
								+ (cur
										* $("#slides").find(":first-child")
												.width() + "px")
					}, 400);
	$(".jFlowControl").eq(cur).addClass("jFlowSelected");




	
	setTimeout("loop()", 5000);
	
};