//**********************************************************************
// jobSearchBar class - Javascript include file
//**********************************************************************
function jobSearchBar() {

    //***********************************
    //sets the empty text for the textbox controls
    //***********************************
    this.setEmptyText = function() {
        var txtKey = $('#search-jobs input.searchkey');
        var txtLoc = $('#search-jobs input.searchloc');
        txtKey.textFieldFocus(txtKey.attr('title'));
        txtLoc.textFieldFocus(txtLoc.attr('title'));
    };

    //***********************************
    //applies the div formatting to the select control
    //***********************************
    this.createSelectBox = function() {
       
        var dropDown = $("#search-jobs select");
        
        dropDown.selectbox({
            inputClass: 'JS-frmTxtSelect frmTxt', //css class for the input which will replace the select tag, display the background image
            containerClass: 'popout', // The list container class (a div element)
            hoverClass: 'current', // css class for the current element
            currentClass: 'selected' // css class for the selected element
        });

        // once the content and functionality has been changed, move things around to make things easier to manage and style
        var select_dd = $("#search-jobs .popout");
        select_dd.width('');

        $('#search-jobs .popout ul:first').addClass('nav first');
        $('#search-jobs .popout').append('<ul class="nav"></ul>');
        $('#search-jobs .popout').append('<ul class="nav"></ul>');
        $('#search-jobs .popout').append('<ul class="nav last"></ul>');

        var list_uls = $('#search-jobs .popout ul');
        var list_items = $('#search-jobs .popout ul li');
        var per_list = Math.round(list_items.length / 4);
        var focus_list = 0;

        list_items.each(function(counter) {
            if ((counter >= per_list)) {
                if (counter % per_list == 0) { focus_list++; }
                $(list_uls[focus_list]).append(this);
            }
        })

        $("#search-jobs .popout").wrapInner('<div class="content"></div>').prepend('<span class="connector"></span>');


    };

};