﻿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
    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 = 140 + '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';          
}

// ----
tabColors=['','#A0BDD0','#007FF0','#FF9C15','#6EB500','#9D1BCB']
sTabFlag=false
currentTab=0

function sTab(tabID)
{
    tabCnt=document.getElementById('tab-cnt')
    if(sTabFlag && currentTab!=tabID)
    {
        currentTab=tabID
        rsTabs()

        tab=document.getElementById('t'+tabID)
        tab.style.borderBottomWidth='8px'
        tab.style.borderBottomColor='#ccc'
        tab.style.backgroundColor='#e6e6e6'
        tab.style.color='#000'
        
        tabCnt.style.display='block'
        
        switch(tabID)
        {
            case 1:
                AjaxData('ajax/?act=home&tab=veyq&'+Math.random(),tabCnt)
                break;
            case 2:
                AjaxData('ajax/?act=home&tab=news&'+Math.random(),tabCnt,'selectSubTab(\'news-top\',\'news-cnt\')')
                break;
            case 3:
                AjaxData('ajax/?act=home&tab=sport&'+Math.random(),tabCnt,'selectSubTab(\'sport-football\',\'sport-cnt\')')
                break;
            case 4:
                AjaxData('ajax/?act=home&tab=ebook&'+Math.random(),tabCnt,'selectSubTab(\'ebook-recent\',\'ebook-cnt\')')
                break;
            case 5:
                AjaxData('ajax/?act=home&tab=hosting&'+Math.random(),tabCnt,'selectSubTab(\'hosting-domain\',\'hosting-cnt\')')
                break;
        }
    }
}

function rsTabs()
{
    for(i=1;i<=5;i++)
    {
        tab=document.getElementById('t'+i)
        tab.style.borderBottomWidth='3px'
        tab.style.borderBottomColor=tabColors[i]
        tab.style.backgroundColor='#efefef'
        tab.style.color='#444'
    }
}

function AjaxData(url,dest,callback)
{
    dest.innerHTML='<center><br /><img src="images/loading3.gif" /><br /><br /></center>'
    createRequest()
    xmlHttp.onreadystatechange=getData
    xmlHttp.open("GET",url)
    xmlHttp.send(null)
    function getData()
    {
        if(xmlHttp.readyState==4)
        {
            dest.innerHTML=xmlHttp.responseText
            if(callback!=null)            
                eval(callback)
        }
    }
}

function selectSubTab(objID,dest)
{
    obj=document.getElementById(objID)
    obj.style.color='#000'
    obj.style.fontWeight='bold'
    AjaxData('ajax/?act=home&tab='+objID.split('-')[0]+'&subtab='+objID.split('-')[1]+'&'+Math.random(),document.getElementById(dest))
}

function rsSubTabs(objIDs)
{
    objTabs=objIDs.split(',')
    for(i=0;i<objTabs.length;i++)
    {
        obj=document.getElementById(objTabs[i])
        obj.style.color='#0044CC'
        obj.style.fontWeight='normal'
    }
}
