$(document).ready(function(){	
	$("#wdController").jFlow({
		slides: "#wdSlides",
		controller: ".wdControl", // must be class, use . sign
		slideWrapper : "#wdSlide", // must be id, use # sign
		selectedWrapper: "wdSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "370px",
		prev: ".wdPrev", // must be class, use . sign
		next: ".wdNext" // must be class, use . sign
	});
	
	$("#raController").jFlow({
		slides: "#raSlides",
		controller: ".raControl", // must be class, use . sign
		slideWrapper : "#raSlide", // must be id, use # sign
		selectedWrapper: "raSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "370px",
		prev: ".raPrev", // must be class, use . sign
		next: ".raNext" // must be class, use . sign
	});
	
	$("#baController").jFlow({
		slides: "#baSlides",
		controller: ".baControl", // must be class, use . sign
		slideWrapper : "#baSlide", // must be id, use # sign
		selectedWrapper: "baSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "370px",
		prev: ".baPrev", // must be class, use . sign
		next: ".baNext" // must be class, use . sign
	});


	$("#bsController").jFlow({
		slides: "#bsSlides",
		controller: ".bsControl", // must be class, use . sign
		slideWrapper : "#bsSlide", // must be id, use # sign
		selectedWrapper: "bsSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "340px",
		prev: ".bsPrev", // must be class, use . sign
		next: ".bsNext" // must be class, use . sign
	});

	$("#dvController").jFlow({
		slides: "#dvSlides",
		controller: ".dvControl", // must be class, use . sign
		slideWrapper : "#dvSlide", // must be id, use # sign
		selectedWrapper: "dvSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "160px",
		prev: ".dvPrev", // must be class, use . sign
		next: ".dvNext" // must be class, use . sign
	});
	$("#dsController").jFlow({
		slides: "#dsSlides",
		controller: ".dsControl", // must be class, use . sign
		slideWrapper : "#dsSlide", // must be id, use # sign
		selectedWrapper: "dsSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "160px",
		prev: ".dsPrev", // must be class, use . sign
		next: ".dsNext" // must be class, use . sign
	});
	
	$("#tbController").jFlow({
		slides: "#tbSlides",
		controller: ".tbControl", // must be class, use . sign
		slideWrapper : "#tbSlide", // must be id, use # sign
		selectedWrapper: "tbSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "120px",
		prev: ".tbPrev", // must be class, use . sign
		next: ".tbNext" // must be class, use . sign
	});

$("#trController").jFlow({
		slides: "#trSlides",
		controller: ".trControl", // must be class, use . sign
		slideWrapper : "#trSlide", // must be id, use # sign
		selectedWrapper: "trSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "293px",
		height: "120px",
		prev: ".trPrev", // must be class, use . sign
		next: ".trNext" // must be class, use . sign
	});

$("#recommended").jFlow({
		slides: "#crSlides",
		controller: ".crControl", // must be class, use . sign
		slideWrapper : "#crSlide", // must be id, use # sign
		selectedWrapper: "crSelected", // just pure text, no sign
		easing: "easeInOutCubic",
		duration: 900,
		width: "883px",
		height: "340px",
		prev: ".crPrev", // must be class, use . sign
		next: ".crNext" // must be class, use . sign
	});


})