if (vns_utils_loaded == undefined)
    {
        var css = document.createElement('link');
        css.href='http://utils.viennam.com/Content/weather.css';
    css.rel='stylesheet';
    document.getElementsByTagName('head')[0].appendChild(css);

    var titles = ['Hôm nay', 'Ngày mai'];

$.fn.weather = function(defaultLocation){
    var locations = [];
    var combo = $('<select id="loc-select"></select>');
	if (locations) {
    for (var i = 0; i < locations.length; i++)
    {
        combo.append($("<option value='" + locations[i].Location + "'" + (locations[i].Location == defaultLocation?"selected":"")+" >" + locations[i].Location + "</option>"));
    }
	}
    this.append(combo);
    this.append($("<div id='weather-panel'></div>"));
    this.css({'text-align':'center'});
    combo.css({'width':'100%'});
    var el = this;
    combo.change(function () {
        var val = $("option:selected", this).val();
        $("#weather-panel",el).display(val,locations);
    });
    $("#weather-panel",this).addClass('weather-panel').display($('option:selected',combo).val(),locations);
}

    $.fn.display =   function (loc,locations)
    {
        this.empty();
        var items = null;
		if (locations)
		{
        for (var i = 0; i< locations.length; i++)
        {
            if (locations[i].Location == loc)
            {
                items = locations[i].Items;
                break;
            }
        }
		}
		if (items)
		{
        for (var i = 0; i < items.length && i < 2; i++)
        {            
            this.append($("<div class='weather-item'>            <div class='weather-title'>" + titles[i] +"</div>            <div class='tt-sub-pic'>                <img src='" + items[i].ImageUrl + "'></div>            <div class='tt-sub-text'><span class='weather-temp'>" + items[i].Temperature + "</span><br>                <span class='tt-sub-small'>" + items[i].Description + "</span></div>        </div>        "));
            
        }
		}
    }
    var vns_utils_loaded = true;
}