$(document).ready(function() {
	$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
	    input.val('');
	    input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
	    input.addClass('placeholder');
	    input.val(input.attr('placeholder'));
	  }
	}).blur();
	
    $("#myController").jFlow({  
        slides: "#slides",  // the div where all your sliding divs are nested in  
        controller: ".jFlowControl", // must be class, use . sign  
        slideWrapper : "#slider", // must be id, use # sign  
        selectedWrapper: "jFlowSelected",  // just pure text, no sign  
        width: "988px",  // this is the width for the content-slider  
        height: "329px",  // this is the height for the content-slider  
        auto: true,
        easing: "swing",
        duration: 400,
        prev: ".l-rot", // must be class, use . sign  
        next: ".r-rot" // must be class, use . sign  
    });
}); 
