/// <reference path="jquery-intellisense.js" />
var blankText = 'Enter an activity';
var blankLocationText = 'Enter a Location';

$(document).ready(function() {

    var searchInput = $('#q');
    var locationInput = $('#locationFrom');

    if (searchInput.val() == blankText) {
        searchInput.attr('class', 'blank');
    }
    else {
        searchInput.attr('class', 'normal');
    }

    if (locationInput.val() == blankLocationText) {
        locationInput.attr('class', 'blank');
    }
    else {
        locationInput.attr('class', 'normal');
    }

    searchInput.focus(function() {
        if (searchInput.val() == blankText) {
            searchInput.attr('class', 'normal');
            searchInput.val('');
        }
        else {
            searchInput.select();
        }
    });

    searchInput.blur(function() {
        if (searchInput.val() == '') {
            searchInput.attr('class', 'blank');
            searchInput.val(blankText);
        }
    });

    locationInput.focus(function() {
        if (locationInput.val() == blankLocationText) {
            locationInput.attr('class', 'normal');
            locationInput.val('');
        }
        else {
            locationInput.select();
        }
    });

    locationInput.blur(function() {
        if (locationInput.val() == '') {
            locationInput.attr('class', 'blank');
            locationInput.val(blankLocationText);
        }
    });

});

function selectTool(tool) {

    tool.blur();

    $('#toolbox').children('.selected').removeClass("selected")
    tool.className = 'selected';
    $('#searchForm').attr('class', tool.title);
    $('#autoSuggestCss').attr('href', '/Content/css/autosuggest_' + tool.title + '.css');
    $('#tool').val(tool.title);

    return false;
}