/// <reference path="~/scripts/jquery-1.4.4-vsdoc.js" />

$(function () {
    var searchBox = $(".crossSiteHeader .search-box");
    var firstFormInput = $(".primaryContent form input:not(:hidden)").add(".primaryContent form textarea").add(".primaryContent form select").first();

    setUpWatermark(searchBox, "search");

    if (firstFormInput) {
        firstFormInput.focus().select();
    }

    configureDatepickers();

    configureTimepickers();

    $(".adminPageHeader h1,.volunteerPageHeader h1").textShadow({ x: 1, y: 1, radius: 0, color: "#EBF8FD" });

    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
        $(".hasSubMenu").click(function() {

        });
    }

    $.ajaxSetup({
        cache: false
    });
});

function setUpWatermark(set) {
    setUpWatermark(set, null);
}

function setUpWatermark(set, cssClass) {
    var watermark = set.attr("data-watermark");
    if (watermark) {
        if (set.val() == "" || set.val() == watermark) {
            set.val(watermark).filter(function () {
                return cssClass
            }).addClass(cssClass);
        }

        set.focus(function () {
            if ($(this).val() == watermark) {
                $(this).val("").filter(function () {
                    return cssClass
                }).removeClass(cssClass);
            }
        }).blur(function () {
            if ($(this).val() == "") {
                $(this).val(watermark).filter(function () {
                    return cssClass
                }).addClass(cssClass);
            }
        });
    }
}

function configureDatepickers() {
    var config = {
        showOn: 'button',
        buttonImage: '/content/images/calendar.png',
        buttonImageOnly: true
    };

    $("input.date").datepicker(config);
}

function configureTimepickers() {
    var config = {
        showOn: 'button',
        buttonImage: '/content/images/clock.png',
        buttonImageOnly: true,
        ampm: true,
        timeFormat: 'hh:mm TT',
        hourGrid: 6,
        minuteGrid: 10
    };

    $("input.time").timepicker(config);
}