/// <reference path="jquery-vsdoc.js" />
$(document).ready(function() {
    $("#navigation > li").hover(
    function() {
        $(this).children("ul").slideDown("fast");
    },
    function() {
        $(this).children("ul").slideUp("fast");
    });

    $("a > .overlay").fadeTo("0", "0.0");
    $("a > .overlay").parent().hover(
    function() {
        $(this).children(".overlay").css("display", "block");
        $(this).children(".overlay").fadeTo("fast", "0.25");
    },
    function() {
        $(this).children(".overlay").fadeTo("fast", "0.0");
    });

    $(".overlay").corner("5px");

    $("#subpage-navigation li > a").each(function() {
        if (window.location.href.toString().indexOf($(this).attr("href")) > 0) {
            $(this).parent().addClass("active");
        }
    });
    $("#subpage-navigation li ul li a").each(function() {
        if (window.location.href.toString().indexOf($(this).attr("href")) > 0) {
            $(this).parent().parent().show();
            $(this).parent().addClass("active");
            $(this).parent().parent().parent().addClass("active");
        }
    });
    $("#subpage-navigation > li > ul").each(function() {
        $(this).parent().children("a").click(function(e) {
            e.preventDefault();
            $(this).parent().children("ul").slideToggle();
            return false;
        });
    });

    $("#contact-form form").submit(function() {
        var valid = true;
        $("#contact-form form div input").each(function() {
            var name = $(this).attr("name");
            var value = $(this).val();
            var original = $(this).attr("original");
            if ((name == "fname" || name == "lname" || name == "email") && value == original) {
                $(this).css("color", "red");
                valid = false;
            }
            else if (name == "email") {
                var pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
                if (!pattern.test(value)) {
                    $(this).css("color", "red");
                    valid = false;
                }
            }
        });
        return valid;
    });

    $("#subscribe form").submit(function() {
        var valid = true;
        $("#subscribe form div input[name='email']").each(function() {
            var pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
            var value = $(this).val();
            var original = $(this).attr("original");
            if (value == original || !pattern.test(value)) {
                $(this).css("color", "red");
                valid = false;
            }
        });
        return valid;
    });

    $("#subscribe form div input[name='email']").each(function() {
        $(this).blur(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            if (value == "") {
                $(this).val(original);
            }
        });
        $(this).focus(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            $(this).css("color", "#555555");
            if (value == original) {
                $(this).val("");
            }
        });
    });

    $("#contact-form form div input").each(function() {
        $(this).blur(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            if (value == "") {
                $(this).val(original);
            }
        });
        $(this).focus(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            $(this).css("color", "#555555");
            if (value == original) {
                $(this).val("");
            }
        });
    });

    $("#contact-form form div textarea").each(function() {
        $(this).blur(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            if (value == "") {
                $(this).val(original);
            }
        });
        $(this).focus(function() {
            var value = $(this).val();
            var original = $(this).attr("original");
            if (value == original) {
                $(this).val("");
            }
        });
    });
});