$(document).ready(function(){

	$("#myController-2").jFlow({
		slides: "#mySlides-2",
		controller: ".jFlowControl-2", // must be class, use . sign
		slideWrapper : "#jFlowSlide-2", // must be id, use # sign
		selectedWrapper: "jFlowSelected-2",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		width: "428px",
		height: "235px",
		prev: ".jFlowPrev-2", // must be class, use . sign
		next: ".jFlowNext-2" // must be class, use . sign
	});

	$("#myController-5").jFlow({
		slides: "#mySlides-5",
		controller: ".jFlowControl-5", // must be class, use . sign
		slideWrapper : "#jFlowSlide-5", // must be id, use # sign
		selectedWrapper: "jFlowSelected-5",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		width: "428px",
		height: "235px",
		prev: ".jFlowPrev-5", // must be class, use . sign
		next: ".jFlowNext-5" // must be class, use . sign
	});
	
	$("#myController-6").jFlow({
		slides: "#mySlides-6",
		controller: ".jFlowControl-6", // must be class, use . sign
		slideWrapper : "#jFlowSlide-6", // must be id, use # sign
		selectedWrapper: "jFlowSelected-6",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		width: "428px",
		height: "235px",
		prev: ".jFlowPrev-6", // must be class, use . sign
		next: ".jFlowNext-6" // must be class, use . sign
	});

	$("#myController-7").jFlow({
		slides: "#mySlides-7",
		controller: ".jFlowControl-7", // must be class, use . sign
		slideWrapper : "#jFlowSlide-7", // must be id, use # sign
		selectedWrapper: "jFlowSelected-7",  // just pure text, no sign
		width: "428px",
		height: "235px",
		duration: 400,
		prev: ".jFlowPrev-7", // must be class, use . sign
		next: ".jFlowNext-7" // must be class, use . sign
	});

});
