$(document).ready(function () {

    $.fn.pause = function (duration) {
        $(this).animate({ dummy: 1 }, duration);
        return this;
    };

    var isIE6 = ($.browser.msie && $.browser.version.substr(0, 1) < 7);

    // Adds the scroll down animation to the dropdowns and adds the over class
    // The commented out parts is the fade effect which is not supported in IE
    $("#main_nav dd").hover(
        function () {
            $(this).children('.ddWrap').stop(true, true);
            $(this).children('.ddWrap').pause(250).animate({
                "height": "show"
                //"opacity": "show"
            }, "fast", "swing", function () {
                $(this).parent().addClass('over');
                //$(this).css({ "height": "", "opacity": "" });
                $(this).css({ "height": "" });
            });
        },
        function () {
            $(this).children('.ddWrap').stop(true, true);
            $(this).children('.ddWrap').animate({
                "height": "hide"
                //"opacity": "hide"
            }, "normal", "swing", function () {
                $(this).parent().removeClass('over');
                //$(this).css({ "height": "", "opacity": "" });
                $(this).css({ "height": "" });
            });
        }
    );

//        //toppromo
//        $("#top_promos dd").hover(
//        function () {
//            $(this).children('.ddWrap').stop(true, true);
//            $(this).children('.ddWrap').pause(250).animate({
//                "height": "show"
//                //"opacity": "show"
//            }, "fast", "swing", function () {
//                $(this).parent().addClass('over');
//                //$(this).css({ "height": "", "opacity": "" });
//                $(this).css({ "height": "" });
//            });
//        },
//        function () {
//            $(this).children('.ddWrap').stop(true, true);
//            $(this).children('.ddWrap').animate({
//                "height": "hide"
//                //"opacity": "hide"
//            }, "normal", "swing", function () {
//                $(this).parent().removeClass('over');
//                //$(this).css({ "height": "", "opacity": "" });
//                $(this).css({ "height": "" });
//            });
//        }
//    );


    // This adds the over class to the dropdown LIs so that we can get an over effect in IE6
    $(".dropdown ul li").hover(function () {
        $(this).addClass('over');
    },
    function () {
        $(this).removeClass('over');
    });

    // This adds the little shift in the dropdown menu
    if (!isIE6) {
        $('.dropdown ul li a').hover(function () {
            $(this).stop(true, true);
            $(this).animate({ marginLeft: "4" }, { duration: 200 });
        }, function () {
            $(this).stop(true, true);
            $(this).animate({ marginLeft: "0" }, { duration: 200 });
        });
    }


    // This is the simplified img hover script
    $('img[hvr]').hover(function () {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hvr'));
        $(this).attr('hvr', currentImg);
    }, function () {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hvr'));
        $(this).attr('hvr', currentImg);
    });

    // This adds a watermark to the textbox using the ToolTip attribute for <asp:TextBox or the Title attribute on input.
    $("input[title]").each(function () {
        if ($(this).attr('title') != '') {
            $(this).val($(this).attr('title'));
            $(this).addClass("water");
        }
    }).focus(function () {
        if ($(this).val() == $(this).attr('title')) {
            $(this).val("");
            $(this).removeClass("water");
        }
    }).blur(function () {
        if ($.trim($(this).val()) == "") {
            $(this).val($(this).attr('title'));
            $(this).addClass("water");
        }
    });

    // Autocreate captions for images.
    $("img[longdesc]").each(function () {

        $(this).wrap('<div class="autoImage" />');
        $(this).after('<div class="autoImageCaption">' + $(this).attr('longdesc') + '</div>');
        $(this).parent().attr('style', $(this).attr('style')).attr('class', $(this).attr('class'));
        $(this).removeAttr("style").removeAttr("class");

    });


});