﻿// Custom Jquery Plugins For Public website
// Employee Search
(function($) {
    $.fn.employeeDirectorySearch = function() {
        $(this).append('<div class="searchLabel">First Name</div><span class="searchField"><input type="text" id="txtFirstName"/></span><br>')
        $(this).append('<div class="searchLabel">Last Name</div><span class="searchField"><input type="text" id="txtLastName"/></span><br>')
        $(this).append('<div class="searchLabel">Department</div><span id="departmentDropdown" class="searchField"></span><br>')
        $('#departmentDropdown').departmentDropdown();
        $(this).append('<br>')
        var aplhaSearch = "";
        aplhaSearch += '<a href="#" onclick="Javascript: SearchByLetter(\'A\');">A</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'B\');">B</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'C\');">C</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'D\');">D</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'E\');">E</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'F\');">F</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'G\');">G</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'H\');">H</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'I\');">I</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'J\');">J</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'K\');">K</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'L\');">L</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'M\');">M</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'N\');">N</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'O\');">O</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'P\');">P</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'Q\');">Q</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'R\');">R</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'S\');">S</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'T\');">T</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'U\');">U</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'V\');">V</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'W\');">W</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'X\');">X</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'Y\');">Y</a>'
        aplhaSearch += ' | <a href="#" onclick="Javascript: SearchByLetter(\'Z\');">Z</a>'
        $(this).append('<div class="searchByAlpha">' + aplhaSearch + '</div>')
        $(this).append('<input type="button" value="Search" onclick="javascript: return RunEmployeeSearch();" /><br>')
        $(this).append('<div id="employeeDirectorySearchResults"></div>')
        $('#txtFirstName').bind('keypress', function(e) {
            var keyCode = e.keyCode;
            if (keyCode == 13 || keyCode == 9) { RunEmployeeSearch(); return false; }
        });
        $('#txtLastName').bind('keypress', function(e) {
            var keyCode = e.keyCode;
            if (keyCode == 13 || keyCode == 9) { RunEmployeeSearch(); return false; }
        });
    };
})(jQuery);

(function($) {
$.fn.departmentDropdown = function(callback) {
    $(this).append(CreateDepartmentDropdown(this))
    if (typeof callback == 'function') {
        callback.call();
    }    
};
})(jQuery);

var webServiceLocation = 'http://smtnew.nefinc.com'    

function CreateDepartmentDropdown(cntrl, callback) {
    var webService = webServiceLocation + "/Handlers/NEFWeb.ashx?type=CreateDepartmentDropdown"
    $(cntrl).load(webService);
    if (typeof callback == 'function') {
        callback.call();
    }        
    return false;
}

function SearchByLetter(letter) {
    $('#txtFirstName').val('');
    $('#txtLastName').val(letter);
    RunEmployeeSearch();
    return false;
} 

function RunEmployeeSearch() {
    var firstName = $('#txtFirstName').val();
    var lastName = $('#txtLastName').val();
    var departmentTypeListID = $('#ddlDepartments').val();
    var webService = webServiceLocation + "/Handlers/NEFWeb.ashx?type=SearchDirectory&fn=" + firstName + "&ln=" + lastName + "&dt=" + departmentTypeListID
    $('#employeeDirectorySearchResults').load(webService);
    return false;
} 
