$(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
		auto: true,		//auto change slide, default true
		width: "435px",
		height: "140px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
});
//
/*$(document).ready(function(){
	$("#myControllerC").jFlow({
		slides: "#slidesC",
		controller: ".jFlowControlC", // must be class, use . sign
		slideWrapper : "#jFlowSlideC", // must be id, use # sign
		selectedWrapper: "jFlowSelectedC",  // just pure text, no sign
		auto: true,		//auto change slide, default true
		width: "750px",
		height: "240px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
});*/

/**/

// create custom animation algorithm for jQuery called "bouncy"
$.easing.bouncy = function (x, t, b, c, d) {
    var s = 1.70158;
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}

// create custom tooltip effect for jQuery Tooltip
$.tools.tooltip.addEffect("bouncy",

	// opening animation
	function(done) {
		this.getTip().animate({top: '-=15'}, 400, 'bouncy', done).show();
	},

	// closing animation
	function(done) {
		this.getTip().animate({top: '+=15'}, 400, 'bouncy', function()  {
			$(this).hide();
			done.call();
		});
	}
);