// Cufon font replacement
Cufon.replace('h1');
Cufon.replace('h2');

function ClearForm() {
    if($("#email #field").val() == "Sign up for email updates") {
        $("#email #field").val("");
    }
}

function PopulateForm() {
    if ($("#email #field").val() == "") {
        $("#email #field").val("Sign up for email updates");
    }
}

function ClearForm2() {
    if ($(".newsletterField").val() == "Email address") {
        $(".newsletterField").val("");
    }
}

function PopulateForm2() {
    if ($(".newsletterField").val() == "") {
        $(".newsletterField").val("Email address");
    }
}

$(document).ready(function () {

    $("#tabs").tabs();

    // IE6 png fix
    // $(document).pngFix();

    // Product & Press Release page tabs
    $("#productTabs").tabs({ fx: { opacity: 'toggle', duration: 'fast'} });
    $("#pressreleaseTabs").tabs({ fx: { opacity: 'toggle', duration: 'fast'} });
    $("#nutritioninfoTabs").tabs({ fx: { opacity: 'toggle', duration: 'fast'} });

    // Table striping
    $(".nutritionTable tr:odd").addClass("odd");
    $(".nutritionTable tr:even").addClass("even");

    // Remove borders from last li in footer ul's
    $("#col1links li:last a").css("border", "none");
    $("#col2links li:last a").css("border", "none");

    // A fix to make the css hovers work w/o js
    $(".nav").children("li").each(function () {
        var current = "nav current-" + ($(this).attr("class"));
        var parentClass = $(".nav").attr("class");
        if (parentClass != current) {
            $(this).children("a").css({ backgroundImage: "none" });
        }
    });

    // Attach nav events
    attachNavEvents(".nav", "home");
    attachNavEvents(".nav", "shop_online");
    attachNavEvents(".nav", "products");
    attachNavEvents(".nav", "about_us");
    attachNavEvents(".nav", "recipes");
    attachNavEvents(".nav", "careers");
    attachNavEvents(".nav", "releases");

    // Defines animations and classes for hover, mousedown, and mouseup
    function attachNavEvents(parent, myClass) {
        $(parent + " ." + myClass).mouseover(function () {
            $(this).before('<div class="nav-' + myClass + '"></div>');
            $("div.nav-" + myClass).css({ display: "none" }).fadeIn(200);
        }).mouseout(function () {
            $("div.nav-" + myClass).fadeOut(200, function () {
                $(this).remove();
            });
        }).mousedown(function () {
            $("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
        }).mouseup(function () {
            $("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
        });
    }



});