$(document).ready(function(){

	$("#myController").jFlow({
		slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		height: "220px",
		width: "340px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	
	$("#myController1").jFlow({
		slides: "#slides1",
		controller: ".jFlowControl1", // must be class, use . sign
		slideWrapper : "#jFlowSlide1", // must be id, use # sign
		selectedWrapper: "jFlowSelected21",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		height: "369px",
		width: "570px",
		prev: ".jFlowPrev1", // must be class, use . sign
		next: ".jFlowNext1" // must be class, use . sign
	});
	
	setInterval(function(){
		$("img.jFlowNext1, img.jFlowNext").trigger('click');
	}, 4000);

});