function openNewsletterForm(e) {
    $(document.body).append([
        '<div id="newsletterModalArea">',
        '</div>'
    ].join(""));
    $(document.body).append([
        '<div id="newsletterForm">',
            '<div id="newsletterFormErrorsContainer"></div>',
            '<table border="0">',
                '<tr>',
                    '<td width="100" align="right">',
                       '<span class="fieldLabelContainer"></span>',
                       '<span class="text1">',
                            'First Name:',
                        '</span>',
                    '</td>',
                    '<td width="40" align="left">',
                        '<input type="text" id="newsletterFormFirstName" size="20" />',
                    '</td>',
                '</tr>',
                '<tr>',
                    '<td width="" align="right">',
                        '<span class="text1">',
                            'Last Name:',
                       '</span>',
                    '</td>',
                    '<td width="" align="left">',
                        '<input type="text" id="newsletterFormLastName" size="20" />',
                    '</td>',
                '</tr>',
                '<tr>',
                    '<td width="" align="right">',
                        '<span class="text1">',
                            'Email:',
                        '</span>',
                    '</td>',
                    '<td width="" align="left">',
                        '<input type="text" id="newsletterFormEmail" size="20" />',
                    '</td>',
                '</tr>',
            '</table>',
            '<table border="0" width="100%;">',
                '<tr>',
                    '<td align="center">',
                        '<input id="newsletterFormSubmit" type="button" value="Submit" />',
                    '</td>',
                    '<td align="center">',
                        '<input id="newsletterFormClose" type="button" value="Close" />',
                    '</td>',
            '</table>',
         '</div>'
    ].join(""));
    $("#newsletterModalArea").css({
        "left": 0,
        "top": 0,
        "width": $(document.body).width(),
        "height": $(document.body).height() + 100,
        "opacity": .5,
        "z-index": 1001
    });
    $("#newsletterForm").css({
        "left": e.pageX - parseInt($("#newsletterForm").css("width")) / 2,
        "top": e.pageY  - parseInt($("#newsletterForm").css("height")) / 2,
        "z-index": 1002,
        "opacity": 1
    });
    $("#newsletterFormClose").click(function() {
        $("#newsletterForm").remove();        
        $("#newsletterModalArea").remove();
    });
    $("#newsletterFormSubmit").click(function() {
        $.post(
            "/ajaxForms/newsletterForm.aspx",
            {
                firstName: $("#newsletterFormFirstName").val(),
                lastName: $("#newsletterFormLastName").val(),
                email: $("#newsletterFormEmail").val()
            },
            function(data) {
                if(data.errors) {
                    $("#newsletterFormErrors").remove();
                    $("#newsletterForm").append([
                        '<div id="newsletterFormErrors">',
                            data.errors,
                        '</div>'
                    ].join(""));
                }
                else {
                    $("#newsletterForm").remove();
                    $(document.body).append([
                        '<div id="newsletterSuccess">',
                            data.message,
                        '</div>'
                    ].join(""));
                    $("#newsletterSuccess").css({
                        "left": e.pageX - parseInt($("#newsletterSuccess").css("width")) / 2,
                        "top": e.pageY  - parseInt($("#newsletterSuccess").css("height")) / 2,
                        "z-index": 1002,
                        "opacity": 1
                    });
                    $("#newsletterSuccess").delay(3000).fadeOut("slow", function() {
                        $("#newsletterModalArea").remove();
                        $("#newsletterSuccess").remove();
                    });
                }
            }, 
            "json"
        );
    });
}

function submitLandingForm(e) {
    $.post(
        "/ajaxForms/landingForm.aspx",
        {
            firstName: $("#firstName").val(),
            lastName: $("#lastName").val(),
            phone: $("#phone").val(),
            email: $("#email").val(),
            city: $("#city").val(),
            pageCity: $("#pageCity").val(),
            pageProduct: $("#pageProduct").val()
        },
        function(data) {
            if(data.errors) {
                $("#landingFormErrorsBox").remove();
                $(document.body).append([
					'<div id="landingFormErrorsBox">',
						'<center>',
							data.errors, 
							'<div id="landingFormErrorsBoxClose">',
								'close',
							'</div>',
						'</center>',
					'</div>'
                ].join(""));
                $("#landingFormErrorsBox").css({
                    "left": e.pageX - parseInt($("#landingFormErrorsBox").css("width")) / 2,
                    "top": e.pageY  - parseInt($("#landingFormErrorsBox").css("height")) / 2,
                    "position": "absolute"
                });
                $("#landingFormErrorsBoxClose").click(function() {
					$("#landingFormErrorsBox").remove();
                });
            }
            else {
                $("#landingFormErrorsBox").remove();
                $("#landingForm").replaceWith([
					'<div id="landingFormSuccessBox">',
						'<center>',
							data.message,
						'</center>',
						data.subject, '<br />',
						data.body,
					'</div>'
                ].join(""));
            }
        }, 
        "json"
    );
}