vgp_width = typeof vgp_width == 'string' ? vgp_width : '300px';
vgp_height  = typeof vgp_height  == 'string' ? vgp_height  : '300px';
vgp_border  = typeof vgp_border  == 'number' ? 0 : 3;
vgp_target  = typeof vgp_target  == 'number' ? '_blank' : '';
vgp1_id = typeof vgp1_id  == 'string' ? vgp1_id  : 'vgp-widget-container1';
vgp2_id = typeof vgp2_id  == 'string' ? vgp2_id  : 'vgp-widget-container2';
vgp_path  = typeof vgp_path  == 'string' ? vgp_path  : 'http://203.162.1.182';
//
document.write('<link rel="stylesheet" type="text/css" media="all" href="' + vgp_path + '/widget/widgetsbl.css" />');
document.write('<div class="widgetDisplayBox" style="border-width: ' + vgp_border + 'px; width: ' + vgp_width + ';">\r\n');
//-- Du lie ve thoi tiet can lay
document.write('<div class="widgetboxThoiTiet">\r\n');
//Combo City
document.write('<div id="'+vgp1_id+'" class="widgetboxThoiTietTop">\r\n');

document.write('</div>\r\n');
//------
document.write('<div class="widgetthoiTietBody">\r\n');
//COntent
document.write('<div id="'+vgp2_id+'"class="widgetthoiTietBodyContent">\r\n');

document.write('</div>\r\n');
//--------
document.write('<div class="widgetthoiTietBodyBottom">\r\n');
document.write('<ul>\r\n');
document.write('<li><a href="http://www.nchmf.gov.vn/website/vi-VN/67/14/Default.aspx">Bản tin thủy văn</a></li>\r\n');
document.write('</ul>\r\n');
document.write('</div>\r\n');
document.write('</div>\r\n');
document.write('<div class="widgetboxThoiTietBottom">Theo nguồn kttvqg.gov.vn và weather.com</div>\r\n');
document.write('</div>\r\n');

function outputWidget(strHtml, vpgid)
{
    document.getElementById(vpgid).innerHTML = strHtml;
}

function OnChangCityWeather(dropdown)
{
    var myindex  = dropdown.selectedIndex;
    var SelValue = dropdown.options[myindex].value;
    var item = SelValue.split('|');
    var con_T = '<table class="widgetthoiTietItem"><tr>';
    con_T = con_T + '<td width="139" align="center">' + item[0] + '<br /><img alt="" src="' + item[1] + '" /><br />' + item[2] + '<br /><span>' + item[3] + '</span></td>';
    con_T = con_T + '<td width="139" align="center">' + item[4] + '<br /><img alt="" src="' + item[5] + '" /><br />' + item[6] + '<br /><span>' + item[7] + '</span></td>';
    con_T = con_T + '</tr></table>';
    con_T = con_T + '<div class="widgetfloatLeft"></div><div class="widgetfloatRight"></div><div class="widgetclearthis"></div>';

    outputWidget(con_T,vgp2_id);
    return true;
}