$(document).ready(function(){ 
        
    $("a.navbutton").click(function() {
        $(this).addClass("selected");
        $("a.navbutton").not(this).removeClass("selected");
    });
    
    $("a.popup").click(function() {
        $("#popup-box").html("");
        page = this.id;
        $.get("resources/includes/popup.php?page=" + page, function(content) {
            $("#popup-box").html(content);
            $('#popup-scroll').jScrollPane({
                showArrows: true,
                horizontalGutter: 100,
                verticalGutter: 100
            });   
						$("#contactform input#yourname").focus();
            var v = jQuery("#contactform").validate({
            rules: {
                yourname: "required",
                youremail: {
                    required: true,
                    email: true
                },
                // this is just in case alice wants these fields to be required
                // yourtelephone: "required",
                // youraddress: "required",
                yourmessage: "required"
            },
            messages: {
                yourname: "Please enter your name!",
                youremail: {
                    required: "Please enter your email address!",
                    email: "Please enter a valid email address!"
                },
                // see above comment
                // yourtelephone: "Please enter your telephone!",
                // youraddress: "Please enter your mailing address!",
                yourmessage: "Please enter a message!"
            },
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					success: function() { 
                        $("#contactform-thankyou").fadeIn();
                        $(this).delay(3000, function(){
                            $("#popup-container").fadeOut();
                        });
                    } 
				});
			}
		});
        });
        
        $("#popup-container").fadeIn();
    });
    
    $("#popup-box-close").click(function() {
        $("#popup-container").fadeOut();
    });
    
    $("#popup-overlay").click(function() {
        $("#popup-container").fadeOut();
    });
    
});

$(document).keyup(function(e) {

  if (e.keyCode == 27) { $("#popup-container").fadeOut(); }
  
});