var MemberSiteUrl = "member.en.518ad.com";
var SearchType = 0;
function TopUI()
{
    LoginUI();
    MenuUI();
    SearchUI();
}

function LoginUI()
{
    var reStr = createTextHttpRequest("/IsLogin.aspx");
    var welCome = "";
    if(reStr && reStr != '')
    {
        welCome = '<div class="top_cnt"><span style="color:#EB6D10;">' + reStr + '</span>&nbsp;&nbsp;Welcome to 518ad.com&nbsp; |  &nbsp; <a href="http://' + MemberSiteUrl + '/en518ad/Manage/">Management</a> &nbsp; |  &nbsp; <a href="http://' + MemberSiteUrl + '/en518ad/Logout.aspx">Sign Out</a> &nbsp; |  &nbsp; <a href="/Help/index.html">Help</a></div>';
    }
    else
    {
        welCome = '<div class="top_cnt">Welcome to 518ad.com&nbsp; |  &nbsp; <a href="http://' + MemberSiteUrl + '/en518ad/Login.aspx">Sign in</a> &nbsp; |  &nbsp; <a href="http://' + MemberSiteUrl + '/en518ad/Register/Register.aspx">Join Free</a> &nbsp; |  &nbsp; <a href="/Help/index.html">Help</a></div>';
    }
    document.write(
        '<div class="top">' +
        welCome + 
        '</div>'
        );
}
function MenuUI()
{
    document.write(
    '<div class="head">' +
        '<div class="logo"><a href="/index.html"><img src="/images/logo.gif" width="220" height="80" border="0" /></a>' +
            '<h1 class="no_show"> 518ad.com/Global trade marketpal</h1>' +
        '</div>' +
    '<div class="head_menu" id="divHeadMenu">' +
        '<ul>' +
          '<li class="chick_li"><a href="/Selling/index.html" class="chick_a">Buy Now</a></li>' +
          '<li><a href="/Buying/index.html">Sell Now</a></li>' +
          '<li><a href="/Company/index.html">Company Library</a></li>' +
          '<li><a href="/Trade/index.html">Trade Shows</a></li>' +
          '<li><a href="http://www.518ad.com" >国内贸易</a></li>' +
        '</ul>' +
    '</div>' +
    '<div class="clr"></div>' +
    '</div>');
}
function SearchUI()
{
    document.write(
        '<div id="main" class="menu_A">' +
          '<div id="searchBar" class="searchBar skinHome">' +
            '<ul id="searchTabsBox">' +
              '<li class="current" onclick="ChangeSearch(this,0)"><a href="/index.html">Home</a></li>' +
              '<li onclick="ChangeSearch(this,0)"><a  href="###">Products</a></li>' +
              '<li onclick="ChangeSearch(this,2)"><a  href="###">Buying Leads</a></li>' +
              '<li onclick="ChangeSearch(this,3)"><a  href="###">Companies</a></li>' +
            '</ul>' +
            '<div class="searchBox">' +
              '<div  class="intelligent">' +
                '<input id="SearchText" style="color:gray;" value="Search Products" type="text" style="width:400px;" onfocus="SearchTextInput(this)" />' +
                '&nbsp;' +
                '<select id="searchCountry" name="Country"   dataName="country_home" >' +
                  '<option VALUE="">Select Country/Region</option>' +
                  '<option VALUE="China(Mainland)">China (Mainland)</option>' +
                  '<option VALUE="United States">United States</option>' +
                  '<option VALUE="United Kingdom">United Kingdom</option>' +
                  '<option VALUE="Hong Kong">Hong Kong</option>' +
                  '<option VALUE="India">India</option>' +
                  '<option VALUE="Indonesia">Indonesia</option>' +
                  '<option VALUE="South Korea">South Korea</option>' +
                  '<option VALUE="Malaysia">Malaysia</option>' +
                  '<option VALUE="Singapore">Singapore</option>' +
                  '<option VALUE="Taiwan">Taiwan</option>' +
                  '<option VALUE="Thailand">Thailand</option>' +
                  '<option VALUE="Canada">Canada</option>' +
                  '<option VALUE="">Show all</option>' +
                '</Select>' +
                '&nbsp;' + 
                '<input id="searchSubmit" class="buttonA" type="submit" onclick="ToSearch()" value="Search" />' +
              '</div>' +
            '</div>' +
          '</div>' +
          '<div class=hotkey>'+
              '<a target="_blank" href="/Search/index.aspx?k=Popular Searches" style="color:#000000; text-decoration:none;"><strong>Popular Searches:</strong></a> '+
              '<a target="_blank" href="/Search/index.aspx?k=electric scooter">electric scooter</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=digital photo frame">digital photo frame</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=air conditioner">air conditioner</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=three wheel motorcycle">three wheel motorcycle</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=batteries">batteries</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=car dvd">car dvd</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=concrete mixer">concrete mixer</a>, '+
              '<a target="_blank" href="/Search/index.aspx?k=baby car seat">baby car seat</a> '+
          '</div>' +
        '</div>'
    );
}
function SearchTextInput(obj)
{
    if(obj.value == 'Search Products' || obj.value == 'Search Buying Leads' || obj.value == 'Search Companies')
    {
        obj.value = '';
        obj.style.color = "black";
    }
}
function ToSearch()
{
    var v = document.getElementById('SearchText');
    if(!v || v.value == '')
    {
        v.focus();
        return;
    }
    var t = document.getElementById('searchCountry');
    location.href = '/Search/index.aspx?k=' + escape(ClearHTML(v.value)) + '&t=' + SearchType + '&country=' + escape(t.value);
}
function ChangeSearch(obj,flag)
{
    SearchType = flag;
    
    var p = document.getElementById('searchTabsBox');
    var lis = p.getElementsByTagName("li");
    var num = 1;
    for(var i = 0; i < lis.length; i++)
    {
        lis[i].className = "";
        if(lis[i] == obj)
        {
            num = i;
        }
    }
    obj.className = "current";
    switch(num)
    {
        case 1:
        {
            document.getElementById('SearchText').value = "Search Products";
        }break;
        case 2:
        {
            document.getElementById('SearchText').value = "Search Buying Leads";
        }break;
        case 3:
        {
            document.getElementById('SearchText').value = "Search Companies";
        }break;
        default:
        {
            document.getElementById('SearchText').value = "Search Products";
        }break;
    }
}
function SelectHeadMenu(num)
{
    var div = document.getElementById('divHeadMenu');
    if(div)
    {
        var lis = div.getElementsByTagName("li");
        if(lis[num])
        {
            lis[num].setAttribute("style", "background:url(../images/btn_1.gif) left -53px  no-repeat; height:22px; float:left; margin-left:4px;");
            lis[num].style.cssText = "background:url(../images/btn_1.gif) left -53px  no-repeat; height:22px; float:left; margin-left:4px;";

            var as = lis[num].getElementsByTagName("a");
            for(var j = 0; j < as.length; j++)
            {
                as[j].style.cssText = "display:block;margin-left:2px;color: #930;background: url(../images/btn_1.gif) right -77px  no-repeat ; padding:1px 8px 3px; text-decoration:none";
                as[j].setAttribute("style", "display:block;margin-left:2px;color: #930;background: url(../images/btn_1.gif) right -77px  no-repeat ; padding:1px 8px 3px; text-decoration:none");
            }
        }
    }
    var p = document.getElementById('searchTabsBox');
    if(p)
    {
        var plis = p.getElementsByTagName("li");
        for(var i = 0; i < plis.length; i++)
        {
            plis[i].className = "";
        }
        if(plis.length >= num && plis[num+1])
        {
            plis[num+1].className = "current";
        }
        else
        {
            plis[0].className = "current";
        }
        switch(num)
        {
            case 1:
            {
                document.getElementById('SearchText').value = "Search Products";
            }break;
            case 2:
            {
                document.getElementById('SearchText').value = "Search Buying Leads";
            }break;
            case 3:
            {
                document.getElementById('SearchText').value = "Search Companies";
            }break;
            default:
            {
                document.getElementById('SearchText').value = "Search Products";
            }break;
        }
    }
}
function ClearHTML(content)
{
    return content.replace(/</g, "").replace(/>/g, "").replace(/\\/g, "");
}
function NoPic()
{
   this.src = "/Search/images/no_pic_2.gif";
}
function ImgOnErrorAdd()
{
    var imgs = document.body.getElementsByTagName("img");
    
    for(var i = 0;i < imgs.length; i++)
    {
        imgs[i].onerror = NoPic;
        imgs[i].src = imgs[i].src;
    }
}

if (document.all) {   
    window.attachEvent('onload', ImgOnErrorAdd);   
}   
else {   
    window.addEventListener('load', ImgOnErrorAdd, false);   
}