$(document).ready(function () {
    $.ajax({
        url: '/search/headerandquotes',
        success: function (data) {
            var $data = $(data);
            var $headerItems = $('#header-items .item', $data);
            var $quoteItems = $('#quote-items .item', $data);

            var randomHeaderIndex = Math.floor(Math.random() * $headerItems.length);
            var randomQuoteIndex = Math.floor(Math.random() * $quoteItems.length);

            var headerHtml = $($headerItems[randomHeaderIndex]).html();
            var quoteHtml = $($quoteItems[randomQuoteIndex]).html();

            $('#header').html(headerHtml);
            $('#quote').html(quoteHtml);
        }
    });

    $('#top-nav li').click(function () {
        var $li = $(this);
        var $a = $li.find('a');
        location = $a.attr('href');

        return true;
    });

    var watermark = false;
    $('#q')
        .autocomplete('/search/autocomplete', {
            minChars: 2,
            width: 199,
            autofill: false
        })
        .result(function (event, item) {
            location.href = item[1];
            return false;
        })
        .focus(function () {
            if (watermark == false) {
                watermark = true;
                $(this).val('').css('color', '000000');
            }
        })
        .blur(function () {
            var $me = $(this);
            if ($me.val().length == 0 && watermark) {
                watermark = false;
                $me.val('Search').css('color', 'b0b0b0');
            }
        });
});