var seachTopSelected = 0;

function clickInSearch() {
    var el = document.getElementById("txtTopSearchBox");
    jQuery(el).css('color', '#000000');

    if (el.value.substr(0, 6) == "Search")
        el.value = "";
}

function leaveSearch() {
    var el = document.getElementById("txtTopSearchBox");
    if (el.value.length < 1) {
        jQuery(el).css('color', '#999999');

        if (seachTopSelected == 1)
            el.value = "Search for people";
        else
            el.value = "Search for products";
    }
}

function onSearch() {
    return onCommonSearch(seachSelected, '#txtSearchBox');
}

function onHomePageSearch() {
    return onCommonSearch(parseInt( jQuery('SELECT').val() ), '#search-box');
}

function onTopSearch() {
    return onCommonSearch(seachTopSelected, '#txtTopSearchBox');
}

function onCommonSearch(searchIndex, searchBoxID) {
    switch (searchIndex) {
        case 0: return onItemSearch(jQuery(searchBoxID).val()); break;
        case 1: return onUserSearch(jQuery(searchBoxID).val()); break;
        case 2: return onQuestionSearch(jQuery(searchBoxID).val()); break;
    }
}

function onItemSearch(s) {
    if (s.length < 1 || s.substr(0, 10) == "Search for") {
        alert("Please enter your search query in the search box.");
        return false;
    }
    window.location.href = '/search/?q=' + escape(s);
    return false;
}

function onRecSearch(s) {
    if (s.length < 1 || s.substr(0, 10) == "Search for") {
        alert("Please enter your search query in the search box.");
        return false;
    }
    window.location.href = '/recsearch/' + escape(s) + "/";
    return false;
}

function onUserSearch(s) {
    if (s.length < 1 || s.substr(0, 10) == "Search for") {
        alert("Please enter your search query in the search box.");
        return false;
    }
    window.location.href = '/usersearch/' + escape(s) + "/";
    return false;
}

function onQuestionSearch(s) {
    if (s.length < 1 || s.substr(0, 10) == "Search for") {
        alert("Please enter your search query in the search box.");
        return false;
    }
    window.location.href = '/questionsearch/' + escape(s) + "/";
    return false;
}

function getKeyCode(e) {
    var evt = (e) ? e : window.event;
    return (evt.charCode) ? evt.charCode : evt.keyCode;
}

function searchTopKeyPress(e) {
    return searchCommonKeyPress(e, seachTopSelected, '#txtTopSearchBox');
}

function searchKeyPress(e) {
    return searchCommonKeyPress(e, seachSelected, '#txtSearchBox');
}

function searchCommonKeyPress(e, searchTypeIndex, searchBoxID) {
    if (getKeyCode(e) == 13) {
        return onCommonSearch(searchTypeIndex, searchBoxID);
    }
}

function searchUserKeyPress(e) {
    if (getKeyCode(e) == 13) {
        return onUserSearch(jQuery('#txtSearchBox').val());
    }
}

function searchQuestionKeyPress(e) {
    if (getKeyCode(e) == 13) {
        return onQuestionSearch(jQuery('#txtSearchBox').val());
    }
}

function searchItemKeyPress(e) {
    if (getKeyCode(e) == 13) {
        return onItemSearch(jQuery('#txtSearchBox').val());
    }
}

function onSearchTopSelect(index) {
    seachTopSelected = index;
    switch (index) {
        case 0:
            jQuery('#searchTopProducts').addClass('searchselected');
            jQuery('#searchTopPeople').removeClass('searchselected');
            jQuery('#searchTopQuestions').removeClass('searchselected');
            jQuery('#pointupTop').animate({ 'left': 98 });
            break;
        case 1:
            jQuery('#searchTopPeople').addClass('searchselected');
            jQuery('#searchTopProducts').removeClass('searchselected');
            jQuery('#searchTopQuestions').removeClass('searchselected');
            jQuery('#pointupTop').animate({ 'left': 165 });
            break;
        case 2:
            jQuery('#searchTopPeople').removeClass('searchselected');
            jQuery('#searchTopProducts').removeClass('searchselected');
            jQuery('#searchTopQuestions').addClass('searchselected');
            jQuery('#pointupTop').animate({ 'left': 255 });
            break;

    }

    var el = document.getElementById("txtTopSearchBox");

    if (el.value.substr(0, 6) == "Search") {
        var str = "Search for ";
        switch (seachTopSelected) {
            case 0: str += "products"; break;
            case 1: str += "people"; break;
            case 2: str += "questions"; break;
        }
        el.value = str;
        jQuery(el).css('color', '#999999');
    }
}