$(document).ready(function () {

  //hover states on the static widgets
  $('.themable-button, ul#icons li').hover(
    function() { $(this).addClass('ui-state-hover'); },
    function() { $(this).removeClass('ui-state-hover'); }
  );
  
   // fancybox initialiser
  $("a.thumb").fancybox({
    width:485,
    height:520,
    type:'iframe'
  });
  
  // validate signup form on keyup and submit
	$("#signup").validate({
		rules: {
			user_firstname: "required",
			user_lastname: "required",
			user_login: {
				required: true,
				email: true
			},
			user_password: {
				required: true,
				minlength: 4
			},
			user_password_confirmation: {
				required: true,
				minlength: 4,
				equalTo: "#user_password"
			},
			team_team_name: "required",
			user_legal_terms: "required"
		},
		messages: {
			user_firstname: "Please enter your firstname",
			user_lastname: "Please enter your lastname",
			user_login: "Please enter a valid email address",
			user_password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 4 characters long"
			},
			user_password_confirmation: {
				required: "Please provide a password",
				minlength: "Your password must be at least 4 characters long",
				equalTo: "Please enter the same password as above"
			},
			user_legal_terms: "Please accept our policy"
		}
	});

	// check if confirm password is still valid after password changed
	$("#user_password").blur(function() {
		$("#user_password_confirmation").valid();
	});

  $("#index-carousel").jCarouselLite({
      auto: "5"
  });

  $("#index-carousel").css("width", "226px").css("height", "280px");
  $("#index-carousel").fadeIn();

});