var xmlHttp;
function createRequest()
{
    try
    {
        xmlHttp=new XMLHttpRequest()
    }
    catch(e)
    {
        try
        {
            xmlHttp=new ActiveXObject('Msxml2.XMLHTTP')
        }
        catch(e)
        {
            try
            {
                xmlHttp=new ActiveXObject('Microsoft.XMLHTTP')
            }
            catch(e)
            {
                alert()
            }
        }
    }
}
window.onresize=SetSgsBoxLocation
SgsStat=true;
ActiveSgsItem=0;
TotalSgsItem=0;
qTemp = '';
isHomePage=true;

function vsg(e)
{    
    SetTxtDirection();
    SetSgsBoxLocation();
    
    var key = window.event ? e.keyCode : e.which
    switch(key)
    {
        case 38:
            upA()
            if(TotalSgsItem==0)
                getSgs()
            break;
        case 40:
            downA()
            if(TotalSgsItem==0)
                getSgs()
            break;
        default:
            qTemp=document.getElementById('q').value;
            getSgs()
            break;
    }
}

function getSgs()
{
    query=document.getElementById('q').value
    ActiveSgsItem=0
    createRequest()
    xmlHttp.onreadystatechange = getData
    if(isHomePage)
        xmlHttp.open("GET", 'ajax/?act=complete&q=' + encodeURI(query), true)
    else
        xmlHttp.open("GET", '../ajax/?act=complete&q=' + encodeURI(query), true)
    xmlHttp.send(null)
    function getData()
    {
        var SgsBox=document.getElementById('sgs-box');
        //if((xmlHttp.readyState > 0)&&(xmlHttp.readyState < 4))
        //    document.getElementById('LeagueCnt').innerHTML='<div style=\"text-align:center;padding:35px\"><img src=\"http://sport.veyq.ir/images/loading.gif\"></div>'
        if(xmlHttp.readyState==4)
        {
            SgsCnt=''
            SgsWords=xmlHttp.responseText.split('<vs>')
            TotalSgsItem=SgsWords.length
            if(SgsWords[0]!='')
            {
                SgsItemClass='sg-item'
                if(document.getElementById('q').dir=='ltr')
                    SgsItemClass='sg-item-l'                
                SgsVisible(true)
                for(i=0;i<SgsWords.length;i++)
                    if(SgsWords[i]!='')
                        SgsCnt +='<div id="sgi'+(i+1)+'" class="'+SgsItemClass+'" onclick="sgClick(this)" onmousedown="SgsStat=false" onmousemove="msovr('+(i+1)+')">'+SgsWords[i]+'</div>';
                SgsBox.innerHTML=SgsCnt
            }
            else
                SgsVisible(false)
        }
    }
}

function sgClick(obj)
{
    SetQValue(obj.innerHTML)
    SgsVisible(false);
    document.v.submit();
}

function SgsVisible(flag)
{
    var SgsBox=document.getElementById('sgs-box');
    if(flag)
        SgsBox.style.visibility='visible'
    else
    {
        SgsBox.style.visibility='hidden'
        TotalSgsItem=0
    }
}

function downA()
{
    if(TotalSgsItem!=0)
    {
        if(ActiveSgsItem+1<=TotalSgsItem)
        {
            if(ActiveSgsItem>0)
                SelectSgsItem(ActiveSgsItem,'#ffffff')
            SelectSgsItem(ActiveSgsItem+1,'#E1E9F3')
            SetQValue(document.getElementById('sgi'+(ActiveSgsItem+1)).innerHTML)
            ActiveSgsItem++
        }
        else
        {
            SelectSgsItem(ActiveSgsItem,'#ffffff')
            ActiveSgsItem=0
            SetQValue(qTemp)
        }
    }
}

function upA()
{
    if(TotalSgsItem!=0)
    {
        if(ActiveSgsItem>0)
        {
            if(ActiveSgsItem>0&&ActiveSgsItem<=TotalSgsItem)
                SelectSgsItem(ActiveSgsItem,'#ffffff')
            if(ActiveSgsItem>1)
            {
                SelectSgsItem(ActiveSgsItem-1,'#E1E9F3')
                SetQValue(document.getElementById('sgi'+(ActiveSgsItem-1)).innerHTML)
            }
            else
                SetQValue(qTemp)
            ActiveSgsItem--
        }
        else
        {
            if(ActiveSgsItem>0)
                SelectSgsItem(ActiveSgsItem,'#ffffff')
            ActiveSgsItem=TotalSgsItem
            SelectSgsItem(ActiveSgsItem,'#E1E9F3')
            SetQValue(document.getElementById('sgi'+(ActiveSgsItem)).innerHTML)
        }
    }
}

function msovr(SgsItem)
{
    if(ActiveSgsItem>0)
        SelectSgsItem(ActiveSgsItem,'#ffffff')
    ActiveSgsItem=SgsItem
    SelectSgsItem(ActiveSgsItem,'#E1E9F3')
}

function SelectSgsItem(Itm,color)
{
    document.getElementById('sgi'+Itm).style.background=color
}

function SetQValue(query)
{
    document.getElementById('q').value=query
}

function SetSgsBoxLocation() {
    var SgsBox=document.getElementById('sgs-box'),txtQ=document.getElementById('q');
    if (isHomePage) {
        SgsBox.style.width = (txtQ.offsetWidth - 2) + 'px';
        if (navigator.appVersion.indexOf('MSIE 6.0') == -1)
            SgsBox.style.left = txtQ.offsetLeft + 'px';
        else {
            SgsBox.style.left = 0 + 'px';
        } 
    }
    else {
        SgsBox.style.width = (txtQ.offsetWidth - 1) + 'px';
        if (navigator.appVersion.indexOf('MSIE 6.0') == -1 && navigator.appVersion.indexOf('MSIE 7.0') == -1) 
            SgsBox.style.right = 131 + 'px';
        else 
            SgsBox.style.right = 136 + 'px';
    }
}

function SetTxtDirection()
{
    txtQ=document.getElementById('q')
    strQuery=txtQ.value.toLowerCase().replace(' ','')
    cq=strQuery.substr(0,1);
    for(i=0;i<strQuery.length;i++)
    {
        if(strQuery[i]<='!' || strQuery[i]>='?')
        {
            cq=strQuery[i];
            break;
        }
    }
    if (cq>='a' && cq<='z')
        txtQ.dir='ltr';
    else
        txtQ.dir='rtl';          
}