$(document).ready(function(){

				$(".searchdata").keydown(function(){
					$("#suggestions").load("/suggest.php", $("#searchform").serialize() );
				});
				$(".searchdata").blur(function(){
					$("#suggestions").load("/suggest.php", $("#searchform").serialize() );
				});
				
	$("#mysController").jFlow({
		slides: "#sslides",
		controller: ".service_link", // must be class, use . sign
		slideWrapper : "#jsFlowSlide", // must be id, use # sign
		selectedWrapper: "jsFlowSelected",  // just pure text, no sign
		auto: false,		//auto change slide, default true

		duration: 1000,
		prev: ".service_back", // must be class, use . sign
		next: ".service_next" // must be class, use . sign
	});
	
	
	$("#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: false,		//auto change slide, default true

		duration: 1000
	});

	$("#fmyController").jFlow({
		slides: "#fslides",
		controller: ".fjFlowControl", // must be class, use . sign
		slideWrapper : "#fjFlowSlide", // must be id, use # sign
		selectedWrapper: "fjFlowSelected",  // just pure text, no sign
		auto: true,		//auto change slide, default true

		duration: 1000,
		prev: ".fjFlowPrev", // must be class, use . sign
		next: ".fjFlowNext" // must be class, use . sign
	});


	var PAGE_WIDTH = 1004;

	// handle page resize
	$(window).resize(function() {
		var width = $(this).width();

		if(width < PAGE_WIDTH)
		{
	        $("html").removeClass("normal").addClass("small");
		} else {
			$("html").removeClass("small").addClass("normal");
		}
	}).resize();



	Cufon.replace('.cu, h1, h2, h3, h4, h5, h6'); // Works without a selector engine
	Cufon.now();
});