/// <reference path="jquery-1.6.2-vsdoc.js" />
$(document).ready(function () {
    $("#businessTab").click(function () {
        $("#searchWidget").addClass("searchWidgetBus");
        $("#searchWidget").removeClass("searchWidgetPeople");
        $("#searchType").val("1");
        document.getElementById("q").setAttribute("placeholder", "Enter Heading, Company, or Phone");
    });

    $("#peopleTab").click(function () {
        $("#searchWidget").addClass("searchWidgetPeople");
        $("#searchWidget").removeClass("searchWidgetBus");
        $("#searchType").val("2");
        document.getElementById("q").setAttribute("placeholder", "Enter First / Last Name, or Phone");

    });
    $("#visitBook").click(function () {
        $("#form1").submit();
    });
    $('#peopleTab').mouseover(function () {
        $("#peopleTab").addClass("mousePoint");
    });
    $('#peopleTab').mouseout(function () {
        $("#peopleTab").removeClass("mousePoint");
    });
    $('#businessTab').mouseover(function () {
        $("#businessTab").addClass("mousePoint");
    });
    $('#businessTab').mouseout(function () {
        $("#businessTab").removeClass("mousePoint");
    });
    $(".ddlAreas").change(function () {
        var options = {};
        
        if ($(".ddlAreas").val().length) {
            $("#areaBox").removeClass("stepOne");
            $("#areaBox").addClass("stepTwo");
            $("#cityName").replaceWith("<span id='cityName'>" + $("#ddlAreas option:selected").text() + "</span>");
            if ($("#searchBox").hasClass("hideMe")) {
                $("#searchBox").toggleClass("hideMe", 500);
                //$("#visitBook").toggleClass("hideMe", 500);
                $("#areaBox").toggleClass("dshadow", 500);
            }
        }
        else {
            $("#areaBox").removeClass("stepTwo");
            $("#areaBox").addClass("stepOne");
            if (!$("#searchBox").hasClass("hideMe")) {
                $("#searchBox").toggleClass("hideMe", 500);
                //$("#visitBook").toggleClass("hideMe", 500);
                $("#areaBox").toggleClass("dshadow", 500);
            }
        }

    });
});