$(function() {
    /* set global variable for boxy window */
    var subscribeBox = null;
    /* what to do when click on contact us link */
    $('#subscribeFormbutton').click(function(){
        var boxy_content;
        boxy_content += "<p align=\"left\">Subscribe to the CSAM mailing list. </p><font face=\"verdana\" size=\"1\"><div class=\"feedbackpopup\" align=\"left\" style=\"width:300px; height:100px\"><form id=\"feedback\">";
        boxy_content += "<p>Full Name (First Name Last Name):<br /><input type=\"text\" name=\"your_name\" id=\"your_name\" size=\"43\" /></p><p>Your Email Address:<br /><input name=\"your_email\" id=\"your_email\" size=\"43\"></textarea></p><br /><input type=\"submit\" name=\"sendfeedback\" id=\"submit\" value=\"Send >>\" />";
        boxy_content += "</form></div></font>";
        subscribeBox = new Boxy(boxy_content, {
            title: "<font face=\"verdana\">Subscribe</font>",
            draggable: false,
            modal: true,
            behaviours: function(c) {
                c.find('#feedback').submit(function() {
		$(".error").hide();
		var FormHasError = false;
		var emailReg =/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;		
		var emailFromVal = $("#your_email").val();
		if(emailFromVal == '') {
			$("#your_email").after('<span class="error">Please enter an email address</span>');
			FormHasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#your_email").after('<span class="error">Please enter a valid email address</span>');
			FormHasError = true;
		}		
		var messageVal = $("#your_name").val();
		if(messageVal == '') {
			$("#your_name").after('<span class="error">Please enter your full name</span>');
			FormHasError = true;
		}
	//	document.write (FormHasError);
		if(FormHasError == false) {
                    Boxy.get(this).setContent("<div style=\"width: 300px; height: 185px\" id=\"sending\"><font face=\"verdana\"><center>Sending...<br/><img src=\"media/loading.gif\" alt=\Loading\" id=\"loading\" /></center></font></div>");
                    // submit form by ajax using post and send 3 values: subject, your_email, comment
				$.ajax({
				   type: "POST",
				   url: "submit.php",
					data: ({type: "subscribe", your_name: c.find("input[name='your_name']").val(), your_email: c.find("input[name='your_email']").val()}),
					 error: function(msg){
					 alert( "fail: " + msg );
				   },
				   success: function(msg){
					   setTimeout(function(){subscribeBox.hide();},1000); 
					   $("#sending").html("<font face=\"verdana\"><center><p>"+msg+"</p></center></font>");
				   }
				 });
                    return false;
			} else {
			return false;
			}
                });
            } 
        });
        return false;
    });
});