var findUrl = "/AjaxServer/FindFriendDataServer.aspx?nickname=";
var bAutoRequest = false;
var sSentQuery = "";
var item_counter = 0;
var layer_counter = 0;

function updateCall(event) {
    if (!event) {
        event = window.event;
    }

    var nickname = document.getElementById("frindText").value;

    var nKeyCode = event.keyCode;

    switch (nKeyCode) {
        case 13:    //Enter Key
            if (item_counter > 0) {
                cancelEvent(event);
                var location_url = $('a.friendLinkCopy:eq(' + layer_counter + ')').attr("href");
                window.location = location_url;
            }
            cancelEvent(event);
            break;
        case 27:
            $('#nicknameAppendLayer').children().remove();
            item_counter = 0;
            layer_counter = -1;
            break;
                case 40: // down arrow
                    if (layer_counter < item_counter - 1) {
                        layer_counter++;
                        $('div.normalMepleCopy').css('background-color', '#ffffff');
                        $('div.normalMepleCopy:eq(' + layer_counter + ')').css('background-color', 'rgb(242, 242, 242)');                        
                        
                    } else {
                        layer_counter = 0;
                        $('div.normalMepleCopy').css('background-color', '#ffffff');
                        $('div.normalMepleCopy:eq(' + layer_counter + ')').css('background-color', 'rgb(242, 242, 242)');                        
                    }
                    cancelEvent(event);
                    break;
                case 38: // up arrow
                    if (layer_counter > 0) {
                        layer_counter--;
                        $('div.normalMepleCopy').css('background-color', '#ffffff');
                        $('div.normalMepleCopy:eq(' + layer_counter + ')').css('background-color', 'rgb(242, 242, 242)');
                    } else {
                        layer_counter = item_counter - 1;
                        $('div.normalMepleCopy').css('background-color', '#ffffff');
                        $('div.normalMepleCopy:eq(' + layer_counter + ')').css('background-color', 'rgb(242, 242, 242)');
                    }
                    cancelEvent(event);
                    break;
        case 229: // 한글일 경우
            if (getClientType() == "MOZ") {
                bAutoRequest = true;
                setTimeout("sendRequestForMoz();", 100);
                break;
            }
        default:
            dbAutoRequest = false;
            try {

                if (nickname.length > 0) {
                    var tempUrl = findUrl + encodeURIComponent(nickname);
                    bAutoRequest = true;
                    setTimeout("sendRequestForMoz();", 100);
                }
                else {
                }

            }
            catch (e) {
                return 0;
            }
    }
}

function sendRequestForMoz() {
    var oP = document.getElementById("frindText");
    if (sSentQuery != oP.value && bAutoRequest) {
        sSentQuery = oP.value;
        try {
            if (oP.value.length > 0) {
                var tempUrl = findUrl + encodeURIComponent(oP.value);
                sendRequest(upadteResult, tempUrl);
            }
            else {
                nCurMenu = 0;
                $('#nicknameAppendLayer').children().remove();
            }
        }
        catch (e) {
            if (bAutoRequest) {
                setTimeout("sendRequestForMoz();", 100);
            }
            return 0;
        }
    }
    if (bAutoRequest) {
        setTimeout("sendRequestForMoz();", 100);
    }
}
function upadteResult(obj) {
    var doc = obj.responseXML;
    var items = doc.getElementsByTagName("item");

    $('#nicknameAppendLayer').children().remove();
    layer_counter = -1;
    item_counter = 0;

    var container = document.getElementById('nicknameAppendLayer');

    for (var i = 0; i < items.length; i++) {
        var user_index = items[i].getElementsByTagName("user_index")[0].firstChild.nodeValue;
        var user_id = items[i].getElementsByTagName("user_id")[0].firstChild.nodeValue;
        var user_name = items[i].getElementsByTagName("user_name")[0].firstChild.nodeValue;
        var user_photo_path = items[i].getElementsByTagName("user_photo_path")[0].firstChild.nodeValue;

        var friendLinkCopy = document.createElement("a");
        $(friendLinkCopy).addClass("friendLinkCopy");
        friendLinkCopy.setAttribute("href", "/" + user_id);
        container.appendChild(friendLinkCopy);

        var normalMepleCopy = document.createElement("div");
        $(normalMepleCopy).addClass("normalMepleCopy");
        friendLinkCopy.appendChild(normalMepleCopy);

        var findPhotoWrapperCopy = document.createElement("div");
        $(findPhotoWrapperCopy).addClass("findPhotoWrapperCopy");
        normalMepleCopy.appendChild(findPhotoWrapperCopy);

        var findPhotoCopy = document.createElement("img");
        $(findPhotoCopy).addClass("findPhotoCopy");
        $(findPhotoCopy).attr({ src: "/UserThumnail/" + user_photo_path });
        findPhotoWrapperCopy.appendChild(findPhotoCopy);

        var findNicknameCopy = document.createElement("div");
        $(findNicknameCopy).addClass("findNicknameCopy");
        $(findNicknameCopy).text(user_name);
        normalMepleCopy.appendChild(findNicknameCopy);        

        var clear = document.createElement("div");
        $(clear).addClass("clear");
        normalMepleCopy.appendChild(clear);

        item_counter++;
    }

    $('div.normalMepleCopy').mouseover(function() {
        $(this).css('background-color', 'rgb(242, 242, 242)');
    });
    $('div.normalMepleCopy').mouseout(function() {
        $(this).css('background-color', '#FFFFFF');
    });
}