// JScript 文件

var intIndex=0;arrList = new Array();
arrList[intIndex++] = "@163.com";
arrList[intIndex++] = "@sina.com";
arrList[intIndex++] = "@sohu.com";
arrList[intIndex++] = "@live.com";
arrList[intIndex++] = "@tom.com";
arrList[intIndex++] = "@yahoo.com";
arrList[intIndex++] = "@126.com";
arrList[intIndex++] = "@gmail.com";
arrList[intIndex++] = "@QQ.com";
arrList[intIndex++] = "@kootrip.com";

function inputlogin(objInputId,objpassword) {
    smanPromptList(arrList,objInputId,objpassword)
}
function smanPromptList(arrList,objInputId,objpassword)
{
        var objouter=document.getElementById("__smanDisp") //显示的DIV对象
        var objInput = document.getElementById(objInputId); //文本框对象
        var selectedIndex=-1;
        var intTmp=0; //循环用的:
        if (objInput==null) 
            {alert('smanPromptList初始化失败:没有找到"'+objInputId+'"文本框');return ;}
            //文本框失去焦点
            objInput.onblur=function(){
                objouter.style.display='none';
            }
            //文本框按键抬起
            objInput.onkeyup=checkKeyCode;
            //文本框得到焦点
            objInput.onfocus=checkAndShow;
            function checkKeyCode(){
                var ie = (document.all) ? true:false;
                if (ie){
                    var keyCode=event.keyCode;
                    if (keyCode==40||keyCode==38)
                    { //下上
                        var isUp=false
                        if(keyCode==40) isUp=true ;
                        chageSelection(isUp);
                    }
                    else if (keyCode==13){//回车
                        outSelection(selectedIndex);
                    }
                    else{
                        checkAndShow();
                    }
                }
                else
                {
                    checkAndShow();
                }
                divPosition();
            }
            function checkAndShow()
            {
                        var strInput = objInput.value;
                        if (strInput!=""){
                            divPosition();
                            selectedIndex=-1;
                            objouter.innerHTML ="";
                            for (intTmp=0;intTmp<arrList.length;intTmp++){
                                var loginuset=document.getElementById(objInputId).value;
                                if(loginuset.indexOf("@")<0)
                                    addOption(loginuset+arrList[intTmp]);
                            }
                            objouter.style.display='';
                        }
                        else{
                            objouter.style.display='none';
                        }
                    function addOption(value){
                        objouter.innerHTML +="<div onmouseover=\"this.className='sman_selectedStyle'\" onmouseout=\"this.className=''\" onmousedown=\"document.getElementById('"+objInputId+"').value='" + value + "';document.getElementById('"+objpassword+"').focus();\">" + value + "</div>"
                    }
            }
            function chageSelection(isUp){
                if (objouter.style.display=='none'){
                    objouter.style.display='';
                }else{
                    if (isUp)
                        selectedIndex++
                    else
                        selectedIndex--
                }
                var maxIndex = objouter.children.length-1;
                if (selectedIndex<0){selectedIndex=0}
                if (selectedIndex>maxIndex) {selectedIndex=maxIndex}
                for (intTmp=0;intTmp<=maxIndex;intTmp++){

                    if (intTmp==selectedIndex){
                        objouter.children[intTmp].className="sman_selectedStyle";
                    }else{
                        objouter.children[intTmp].className="";
                    }
                }
            }
            function outSelection(Index){
                objInput.value = objouter.children[Index].innerText;
                objouter.style.display='none';
            }
            function divPosition(){
                if(navigator.appName.indexOf("Explorer") > -1){
                    objouter.style.top =getAbsoluteHeight(objInput)+getAbsoluteTop(objInput);
                    objouter.style.left =getAbsoluteLeft(objInput); 
                    objouter.style.width=getAbsoluteWidth(objInput);
                }
                else{
                    objouter.style.top =getAbsoluteHeight(objInput)+getAbsoluteTop(objInput)+"px";
                    objouter.style.left =getAbsoluteLeft(objInput)+"px";
                    objouter.style.width=getAbsoluteWidth(objInput)+"px";;
                }
            }
}
    document.write("<div id='__smanDisp' style='position:absolute;display:none;background:#E8F7EB;border: 1px solid #CCCCCC;font-size:12px;cursor: default;' onbulr> </div>");
    document.write("<style>.sman_selectedStyle{background-Color:#102681;color:#FFFFFF}</style>");
    function getAbsoluteHeight(ob){
        var mendingHeight=ob.offsetHeight;
        return mendingHeight;
    }
    function getAbsoluteWidth(ob){
        var mendingWidth=ob.offsetWidth;
        return mendingWidth;
    }
    function getAbsoluteLeft(ob){
        var mendingLeft = ob .offsetLeft;
        if( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != "BODY" ){
            mendingLeft += ob.offsetParent.offsetLeft;
            mendingOb = ob.offsetParent;
        }
        if(mendingLeft<100)
            mendingLeft=837;
        return mendingLeft ;
    }
    function getAbsoluteTop(ob){
        var mendingTop = ob.offsetTop;
        if( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != "BODY" ){
            mendingTop += ob .offsetParent.offsetTop;
            ob = ob .offsetParent;
        }
        if(mendingTop<100)
            mendingTop=323+23;
        return mendingTop ;
    }