$(document).ready(function() {
	
	$("#luckyDot").hover ( function () 
	{
		$("#dot").attr ("src", "img/lucky_dot_active.gif");
		$("#luckyDotText").show ();
	}, function () 
	{
		$("#dot").attr ("src", "img/lucky_dot.gif");
		$("#luckyDotText").hide ();
	});
			
	$("#luckyDot").click ( function () 
	{
		window.location.href = "index.php?mode=lucky";
	} );

	$("#ecardChooser a").click ( function () {
		$("#ecardChooser").css("background", "#E4E3E1");
		$("#ecardChooser a").removeClass ("active");
		$(this).addClass ("active");
		$("#card").val ($(this).attr ("id"));
	} );
	
	$("#ecardSubmit").click (function (){
		$("#ecardForm").submit();
	});
	
	$("#ecardForm").validate({
	   rules: {
		fromName: "required",
		fromEmail: {
			required: true,
			email: true
		},
		toName: "required",
		toEmail: {
			required: true,
			email: true
		},
		text: "required",
		card: "required"
		},
		messages: {
			fromName: "",
			toName: "",
			fromEmail: "",
			toEmail: "",
			text: "",
			card: ""
		},
		errorPlacement: function(error, element) {
			if ($("#card").val() == "")
			{
				$("#ecardChooser").css("background", "#BF004C");
			}
			else
			{
				$("#ecardChooser").css("background", "#E4E3E1");
			}
		}
	})

	
	$("#eventSubmit").click (function (){
		$("#eventForm").submit();
	});
	
	
	$("#eventForm").validate({
	   rules: {
		name: "required",
		email: {
			required: true,
			email: true
		},
		phone: "required"
		},
		messages: {
			name: "",
			email: "",
			phone: ""
		}
	});
		
		
		
	$("#contactSubmit").click (function (){
		$("#contactForm").submit();
	});
	
	$("#contactForm").validate({
	   rules: {
		name: "required",
		email: {
			required: true,
			email: true
		},
		phone: "required",
		subject: "required",
		text: "required"
		},
		messages: {
			name: "",
			email: "",
			phone: "",
			subject: "",
			text: ""
		}
	});

});