// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready

$(function() {

$(".slidetabs").tabs(".images > div", {

	// enable "cross-fading" effect
	effect: 'fade',
	fadeOutSpeed: 2500,
	fadeInSpeed: 2050,

	// start from the beginning after the last tab
	rotate: true

// use the slideshow plugin. It accepts its own configuration
}).slideshow({ autoplay:true, interval: '5000'});

	$("#first").watermark("First Name");
		$("#last").watermark("Last Name");
		$("#email").watermark("Email");
		$("#password").watermark("Create Password");
		$("#passwordconfirm").watermark("Confirm Password ");
		$("#promocode").watermark("Promo Code");


// initialize scrollable
	// initialize scrollable together with the autoscroll plugin
var root = $("#carousel").scrollable({
easing: 'linear',
circular: true,
  size:3,
	prev: ".prev",
	next: ".next"

});


});