var arrwea_ = ['AUD','USD','JPY','EUR','HKD'];
function initGold()
{
    var scon = '<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tbl01"><tr align="right"><img alt="" src="/home/Themes/Icon/star_icon.gif" align="absmiddle" /></th>';
    scon += '<td><strong class="clr01">Vàng</strong></td><td align="right">Mua</td><td align="right">Bán</td></tr>';
    for(var i=0;i<gold.length;i++)
        scon += '<tr class="tr01"><td colspan="2">'+gold[i][0]+'</td><td align="right">'+gold[i][1]+'</td><td align="right">'+gold[i][2]+'</td></tr>';
    $('otblGold').innerHTML = scon+'</table>';
};
function showTyGia(this_)
{
    var id = this_.getAttribute('alt')=='1';
    this_.setAttribute('alt',id?'0':'1');
    this_.src = id?'/home/images/ico_minus.gif':'/home/images/ico_plus.gif';
    var trs = $('otblTygia').getElementsByTagName('tbody')[0].childNodes;
    var ftr = false;
    for(var t=0;t<trs.length;t++)
    {
        var tr = trs[t];
        if(tr.nodeName.toLowerCase() != 'tr')
            continue;
        if(!ftr)
        {
           ftr = true;
           continue; 
        }
        if(isInTyGia(tr.title))
            tr.className = 'tr02';
        else
            tr.className = id?'tr02':'tr02 hidden';
    }
};
function isInTyGia(itemid)
{
    for(var i=0;i<arrwea_.length;i++)
        if(itemid==arrwea_[i])
            return true;
    return false;
};
function initTyGia()
{
    var scon = '<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tbl01">';
    scon += '<tr align="left"><td colspan="2"><img alt="" src="/home/Themes/Icon/value.gif" hspace="3" vspace="0" align="absmiddle" />';
    scon += '<strong class="clr01">Ngoại tệ</strong><img alt="1" onclick="showTyGia(this);" src="/home/images/ico_plus.gif" alt="" />';
    scon += '</td><td></td></tr>';
    scon += '<tr><td width="40%"></td><td width="30%">Mua</td><td>Bán</td></tr>';
    for(var i=0;i<rate.length;i++)
    {
        var val = rate[i][0];
        if(isInTyGia(val))
            scon += ('<tr title="'+val+'" class="tr02"><td title="'+rate[i][1]+'">'+val+'</td><td align="right">'+rate[i][2]+'</td><td align="right">'+rate[i][3]+'</td></tr>');
        else
            scon += ('<tr title="'+val+'" class="tr02 hidden"><td title="'+rate[i][1]+'">'+val+'</td><td align="right">'+rate[i][2]+'</td><td align="right">'+rate[i][3]+'</td></tr>');
    }
    scon+= '</table>';
    $('otblTygia').innerHTML = scon;
};
var initWeatherValue = 'vinh';
function zfWeContent(idx)
{
    var strCont = '<div class="temp"><img style="float:left;margin:2px;padding:2px;" src="/home/images/weather/'+weather[idx][3]+'" alt="os" align="absmiddle" />';
    strCont += weather[idx][2] + '<br /><span>'+weather[idx][4]+'</span></div>';
    strCont += '<div>Độ ẩm: <span>'+weather[idx][5]+'</span></div>';
    strCont += '<div><span>'+weather[idx][6]+'</span></div>';
    $('zfWeContent').innerHTML = strCont;
};
function zfChange(this_)
{
    zfWeContent(this_.selectedIndex); 
};
function zfShowWeather()
{
    var strcboWeather = '<select class="sltbox01" onchange="zfChange(this);">';
    var itemindex = 0;
    for(var i=0;i<weather.length;i++)
    {
        var id = weather[i][0];
        if(initWeatherValue==id)
            itemindex= i;
        var name = weather[i][1];
        if(id=='vinh')
            name = 'Vinh - Hà Tĩnh';
        strcboWeather += '<option value="'+id+'"'+(initWeatherValue==id?' selected ':'')+'>'+name+'</option>';
    }
    $('cboWeather').innerHTML = strcboWeather + '</select>';
    zfWeContent(itemindex);
};