pi = {
	changeWeather: function(loc) {
    var myCookie = Cookie.write('weatherLoc', loc, { duration: 300, path: "/" });
		$('weather').setStyle('opacity', 0);

		if (loc == "obala") {
			$('wObala').addClass('selected');
			$('wGoriska').removeClass('selected');
		}
		else {
			$('wObala').removeClass('selected');
			$('wGoriska').addClass('selected');
		}
		
		var req = new Request.HTML({
			url: "/util/getWeather/"+loc, 
			onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript) {
				$('weather').set('html', responseHTML);
    		$('weather').fade('in').delay(1000);
			}
		}).send();
	},
	
	clock: function() {
		var nd = new Date();
		
		var hour = nd.getHours(); if (hour < 10) hour = '0' + hour;
		var min = nd.getMinutes(); if (min < 10) min = '0' + min;
		var sec = nd.getSeconds(); if (sec < 10) sec = '0' + sec;
		
		$('time').set('html', nd.getDate() + '. ' + (nd.getMonth()+1) + '. ' + nd.getFullYear() + ' / ' + hour + ':' + min + ':' + sec);
	}
}

window.addEvent('domready', function() {
	$('searchHelp').setStyle('display', 'block');
	$('searchHelp').setStyle('opacity', 0);
	
	$('wObala').addEvent('click', function() { pi.changeWeather('obala'); return false; });
	$('wGoriska').addEvent('click', function() { pi.changeWeather('goriska'); return false; });
	$('search').addEvents({
		'focus': function() {
			$('searchHelp').setStyle('opacity', 1);
		},
		
		'blur': function() {
			$('searchHelp').setStyle('opacity', 0);
		}
	});
	
	pi.clock.periodical(1000);
});