jQuery(document).ready(function( $ ) {
	
	var speed=500;
	$('#nav li').hover(
		function () {
			//show its submenu
			$('ul', this).fadeIn(speed);
		}, 
		function () {
			//hide its submenu
			$('ul', this).fadeOut(speed);			
		}
	);

	$("#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
		auto: true,		//auto change slide, default true
		width: "968px",
		height: "282px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	
});