$(document).ready(function() {
	
    $('#email-a-friend-form #send-page').live('click', function(e) {
        e.preventDefault();
        
        $('#email-a-friend-form').validate({
            
            rules: {
                first_name_to: "required",
                last_name_to: "required",
                email_to: "required",
                first_name_from: "required",
                last_name_from: "required",
                email_from: "required"

            },
            messages : {
                first_name_to: "*required",
                last_name_to: "*required",
                email_to: "*required",
                first_name_from: "*required",
                last_name_from: "*required",
                email_from: "*required"                
            },
            
            submitHandler: function(form) {
                
                $('#email-a-friend-form #submit').fadeOut('fast');
                
                // Submit the form to the server for processing
                var dataString = $("#email-a-friend-form").serialize();
                
                $.getJSON("/email-a-friend/post", dataString, function(json_object) {
                    if (json_object.status == "success") {                          
                        $('#email-a-friend-form').slideUp(function(){
                            $('#email-a-friend #thank-you-ph').fadeIn();
                        });                         
                    } 
                });
                
                return false;
            }
        });
        
        $('#email-a-friend-form').submit();    
    });
    
    
	$('#email-a-friend-button').live('click', function(e) {
		e.preventDefault();
		
		$('<div class="hide"></div>').appendTo('body').load('/email-a-friend/load-email-a-friend', function(data) {
			$('#email-a-friend', this).dialog({
				autoOpen: false,
				dialogClass: 'dialog-window email-a-friend',
				draggable: false,
				resizeable: false,
				modal: true,
				width: 381,
				height: 333,
				closeText: 'Close',
				close: function(event, ui) {
					$('.hide').remove();
					$('#email-a-friend').remove();
				},
				create: function() {
					
				}
			});
			
            // open dialog
			$('#email-a-friend').dialog('open');
            
            // Set the hidden page input
            $('#send-to-a-friend-page').val(document.location.href);
		});
	});
});
