// JavaScript Document
$(document).ready(function(){

	$("div#myController").jFlow({
		slides: "#mySlides",
		width: "720px",
		height: "100px",
		duration: 1200,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign

	});
	
	$("div#myController2").jFlow({
		slides: "#mySlides2",
		controller: ".jFlowControl2", // must be class, use . sign
		slideWrapper : "#jFlowSlide2", // must be id, use # sign
		selectedWrapper: "jFlowSelected2",  // just pure text, no sign
		width: "775px",
		height: "325px",
		duration: 900,
		prev: ".jFlowPrev2", // must be class, use . sign
		next: ".jFlowNext2" // must be class, use . sign

	});
	
	$("div#myController3").jFlow({
		slides: "#mySlides3",
		controller: ".jFlowControl3", // must be class, use . sign
		slideWrapper : "#jFlowSlide3", // must be id, use # sign
		selectedWrapper: "jFlowSelected3",  // just pure text, no sign
		width: "479px",
		height: "325px",
		duration: 900,
		prev: ".jFlowPrev3", // must be class, use . sign
		next: ".jFlowNext3" // must be class, use . sign

	});
	
	
});