$(function(){

	//Faz atualização por ajax do conteúdo da previsão do tempo baseado na cidade selecionada.
	var forecast_json = function(city_forecast){
		
		var execute = function(data){
			if ($(data).attr('city_today')) {
			var today_img = $('#simepar p.img img');
			var temp_max = $('#simepar p.today span.max');
			var temp_min = $('#simepar p.today span.min');
			var nextdays = $('#simepar ul');
						
			//Atualiza a previsão para o dia atual
			today_img.attr('src',data.city_today.legenda_ico);
			today_img.attr('title',data.city_today.legenda);
			temp_max.html(data.city_today.max+'°');
			temp_min.html(data.city_today.min+'°');
			$('#simepar form select option[value='+data.city_today.c_id+']').attr('selected','selected');
			
			//Limpa a previsão antiga para os próximos dias
			nextdays.html('');
			
			//Atualiza a previsão para os próximos dias
			$(data.city_nextdays).each( function(){				
				nextdays.append('<li><img src="'+this.legenda_ico_min+'" alt="" title="'+this.legenda+'" /> '+this.semana.toUpperCase()+' | <strong>'+this.max+'° / '+this.min+'°</strong></li>');			
			});
			}
		};		
	
		//Envia o pedido da cidade e devolve seu conteúdo atualizado
		$.ajax({
			type:'POST',
			dataType: 'json',
			url: '/forecast_json/',
			data: 'city='+city_forecast,
			cache: false,
			success: execute		
		});
		
	};

	forecast_json('stand-request');
	
	//Executa o request caso o usuário selecione uma nova cidade
	var selected_city = $('#simepar select[name=forecast_select]');
	selected_city.change(function(){
		$('#simepar').slideUp(500);
		forecast_json(selected_city.val());
		$('#simepar').slideDown(500);
	});

});