$(document).ready(function() {



    /*- TAG SEARCH ---------------*/

    // Tag Search Textbox
    $('#txtTagSearch')

    .click(function() {
        var val = $(this).val();
        if (val == "Search all tags") {
            $(this).val("");
        }
    })

    .keyup(function() {
        var tag = $(this).val();
        if (tag != "") {
            FindTagSuggestions($(this).val());
        } else {
            $('#tagAutoSuggest').html("")
            $('#tagAutoSuggest').hide();
        }
    })

    .blur(function() {
        $('#tagAutoSuggest').slideUp(500);
        var val = $(this).val();
        if (val == "") {
            $(this).val("Search all tags");
        }
    });

    // Tag Search Button
    $('#btnTagSearch').click(function() {
        var tag = $('#txtTagSearch').val();
        if (tag != "") {
            $(this).attr("href", "/tag/" + tag);
        }
        else {
            $(this).attr("href", "javascript:void(0);");
        }
    });



    /*- SEARCH ---------------*/

    // Search Button
    $('#btnSearch')
    .mouseover(function() {
        $(this).css("background", "url(../images/btnSearch_over.gif) top center no-repeat");
    })
    .mouseout(function() {
        $(this).css("background", "url(../images/btnSearch_up.gif) top center no-repeat");
    });

    // Search Textbox
    $('#txtSearch')
    .click(function() {
        var val = $(this).val();
        if (val == "Search") {
            $(this).val("");
        }
    })
    .blur(function() {
        var val = $(this).val();
        if (val == "") {
            $(this).val("Search");
        }
    });


    /*- SIGN UP ---------------*/


});



/* TAG AUTO SUGGESTION
-------------------------------*/
function FindTagSuggestions(str) {
    $('#tagAutoSuggest').html("");
    HotSheetServices.TagAutoSuggest(str, onTagSuggest);
}
function onTagSuggest(data) {
    
    suggestions = JSON.parse(data);

    if (!suggestions.empty) {
        $('#tagAutoSuggest').html(suggestions.returnTags);
        $('#tagAutoSuggest').show();
        initTagSuggestion();

    } else {
        $('#tagAutoSuggest').html("")
        $('#tagAutoSuggest').hide();
        cleanUpTagSuggestion();
    }
}
function initTagSuggestion() {
    cleanUpTagSuggestion();
    $('#tagAutoSuggest li')
        .click(tagClicked)
        .hover(tagToggleOver, tagToggleOver);
}
function cleanUpTagSuggestion() {
    $('#tagAutoSuggest li').unbind("click");
    $('#tagAutoSuggest li').unbind('mouseenter').unbind('mouseleave');
}
function tagClicked() {
    var tag = $(this).text();
    $('#txtTagSearch').val(tag);
}
function tagToggleOver() {
    $(this).toggleClass("over");
}
/*-------------------------------*/