var MAG = Object.extend({}, MAG || {});
MAG.Weather = {
	Init: function(options)
	{
		this.options = {};
		Object.extend(this.options, options || {});

		if ($('city_changer')) {
			$('city_changer').observe('change', MAG.Weather.changeCity.bind(this));
		}

		this.setWidth();
		//this.changeCity();
	},

	changeCity: function()
	{
		city_id = $('city_changer').options[$('city_changer').selectedIndex].value;

		new Effect.Appear('city_changer_loader');

		if(this.options.section && this.options.section == 'weather_index') {
			method = 'ajax_get_weekly_forecat';
			var container = 'forecasts';
		}
		else {
			method = 'ajax_get';
			var container = 'forecast_container';
		}

		new Ajax.Updater(container, this.options.url, {
			method: 'get',
			onComplete: this.changedCity.bind(this),
			parameters: { method: method, city_id: city_id, region: parseInt(this.options.region)}
		});
	},

	changedCity: function() {
		new Effect.Fade('city_changer_loader',{duration: 1});
		this.setWidth();
	},

	setWidth: function() {
		var lis = $$('#weather.content ul li');
		lis.invoke('setStyle', {width: 100/lis.length-0.1+'%'});
		var lis = $$('#forecasts ul li');
		lis.invoke('setStyle', {width: 100/lis.length-0.1+'%'});
	}
}

/*Event.observe( window, 'load', function(){
	var _banner = $('google_ads_div_skyscraper_weather');
    if(! _banner && $('banner_skyscraper'))
    {
		$('banner_skyscraper').hide();
	}
});*/