/// <reference path="jquery-1.3.2-vsdoc2.js" />

$(document).ready(function() {
    $("#searchOpen").click(function() {
        if ($("#searchContainer").height() == 150 || $("#searchContainer").height() == 442) {
            animateSearch(0, 500, true);
            $(this).attr("src", "img/skybrudDk/btnSearch_r0.gif");
        } else {
            animateSearch(150, 500, false);
            $(this).attr("src", "img/skybrudDk/btnSearch_r1.gif");
        }
    });

    $("#btnSearchWebsite").click(function() {
        $(this).attr("src", "img/skybrudDk/menu/search/btnSearchWebsite_r1.gif");
        $("#btnSearchVisual").attr("src", "img/skybrudDk/menu/search/btnSearchVisual_r0.gif");

        animateSearch(150, 500, false);
        $("#innerSearchSimple").animate({ height: "72px" }, 500);
        $("#innerSearchVisual").animate({ height: "0px" }, 500);
    });

    $("#btnSearchVisual").click(function() {
        $("#btnSearchWebsite").attr("src", "img/skybrudDk/menu/search/btnSearchWebsite_r0.gif");
        $(this).attr("src", "img/skybrudDk/menu/search/btnSearchVisual_r1.gif");

        animateSearch(442, 500, false);
        $("#innerSearchSimple").animate({ height: "0px" }, 500);
        $("#innerSearchVisual").animate({ height: "359px" }, 500);
    });

});

// Animates searchcontainer and background
function animateSearch(height, time, init) {
    $("#searchContainer").animate({ height: height + "px" }, time);
    if (init) {
        $("#bgOverlay").animate({ top: height + "px" }, time, initSearchboxes);
    } else {
        $("#bgOverlay").animate({ top: height + "px" }, time);
    }
}

// init searchboxes
function initSearchboxes() {
    $("#innerSearchSimple").height(67);
    $("#innerSearchVisual").height(0);
}

//
function textboxValidator(obj) {
    obj.className = "searchField";
    if (obj.value == obj.title) {
        obj.value = '';
        obj.onfocus = function() { };
    }
    obj.onblur = function() {
        if (((obj.value).replace(/ /g, '')) == '') {
            obj.onfocus = function() {
                obj.value = '';
                obj.className = "searchField";
                obj.onfocus = function() { };
            };
            obj.className = "searchField novalue";
            obj.value = obj.title;
        };
    };
}