var C_weatherInfo = new Class({
	header: false,
	holder: false,
	iconList: false,
	location:false,
	showSnow:true,
	init: function(holder, location, size){
		this.location=location;
		this.holder = holder;
		this.getWeatherInfo(size);
		
	},
	getWeatherInfo: function(size){
		this.holder.innerHTML='';
		this.iconList = $C('DIV',{id:'location_weatherInfo_list', '.marginTop':'5px', className:'cursor'},this.holder);
		var h = $fix(this.iconList).empty();
		$C('DIV', {className:'ajaxLoaderF1', '.margin':'30px auto'}, h);
		var params = "command=getWeather&location="+this.location;
		ajaxPetition("PHP/API_weather.php",params,function(ajax){
			var r = eval("("+ajax.responseText+")");if(parseInt(r.errorCode)>0){alert(r.errorDescription);return;}
			h.empty();
			var cont=0;
			if (r.data.data_type.length < 10) this.showSnow=false;
			var i=0;
		
			var content = $C('DIV',{id:'info_location_weatherInfo_totalInfo_container','.width':((this.showSnow)?'580px':'520px'), '.margin':'10px auto'}, this.holder);
			
			if (size=='long'){
				$A(r.data.data_type).each(function(elem){
					if (i>=(r.data.data_type.length-2)) return;
					$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.fontWeight':'bold', innerHTML:elem}, content);i++;
				}.bind(this));
				$C('DIV',{className:'floatFix'},content);
			}
			
			fill=false;
			for(var i in r.data.days){
				if(cont<6 && size!='long') this.renderShortInfo(h, r.data.days[i], r.data.sky_img[i], r.data.sky_txt[i], r.data.tmax[i], r.data.tmin[i]);
				if (size=='long') this.renderLongInfo(content, r.data, i, fill);	
				fill=!fill; cont++;
			}
			$C('DIV',{className:'floatFix'},h);
			
			//if ($_('enlace_tiempo')) $_('enlace_tiempo').href=r.data.url;
			//$C('P', {innerHTML:'Más Información'},$C('A',{href:r.data.url, target:'_blank'},$C('DIV',{className:'floatRight','.textAlign':'right','.width':'110px','.marginTop':'5px'},this.holder)));
			
			if (size=='long')$C('SPAN', {innerHTML:'Fuente: AEMET'},$C('A',{rel:'nofollow', href:r.data.url, target:'_blank'},$C('DIV',{'.textAlign':'right','.marginTop':'5px'},this.holder)));
			//$C('B', {innerHTML:'Actualizar', onclick:function(){this.getWeatherInfo();}.bind(this)},$C('A',{},$C('DIV',{className:'cursor texto_peque floatRight','.color':'#252FBC','.textAlign':'right','.width':'39%','.marginTop':'5px'},this.holder)));
			
			$C('DIV', {className:'floatFix'}, this.holder);
			
			//$C('B', {innerHTML:'Fuente: AEMET'},$C('A',{href:r.data.url, target:'_blank', '.textDecoration':'none', '.color':'inherit', '.fontSize':'10px;'},$C('DIV',{'.marginTop':'10px'},content)));
			
			this.header.onclick=this.iconList.onclick=function(){openFloatWindow(content, {width:'600px'});}
		}.bind(this));
	},
	
	renderShortInfo:function(h, dayName, sky_img, sky_txt, tmax, tmin){
		var itemHolder =$C('B',{'.fontWeight':'normal', innerHTML:dayName},$C('DIV',{className:'floatLeft', '.fontSize':'9px', '.width':'65px', '.textAlign':'center', '.margin':'5px 5px 15px 5px'},h));
		var imgHolder = $C('DIV',{className:'imageHolder32'},itemHolder);
		$C('IMG',{src:'imagenes/tiempo/'+sky_img+'.png', title:sky_txt},imgHolder);
		$C('SPAN', {'.color':'#990000', innerHTML:parseInt(tmax)+'º'}, itemHolder);
		$C('SPAN', {'.color':'black', '.fontWeight':'normal', innerHTML:'|'}, itemHolder);
		$C('SPAN', {'.color':'#000099', innerHTML:parseInt(tmin)+'º'}, itemHolder);
	},
	
	renderLongInfo:function(h, data, i, fill){
		var itemContent = $C('DIV', {className:(fill)?' fill':'','.height':'50px'},h);
		$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', '.fontWeight':'bold', innerHTML:data.days[i]}, itemContent);
		var divImg = $C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center'}, itemContent);
		var imgHolder = $C('DIV',{className:'imageHolder32','.marginTop':'5px', '.marginLeft':'10px'},divImg);
		$C('IMG',{src:'imagenes/tiempo/'+data.sky_img[i]+'.png', title:data.sky_txt[i]},imgHolder);
		$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.rain[i]}, itemContent);
		if (this.showSnow) $C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.snow[i]}, itemContent);
		$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.tmax[i]}, itemContent);
		$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.tmin[i]}, itemContent);
		var winDirHolder = $C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'10px'}, itemContent);
		if (data.win_dir[i]) $C('IMG', {title:data.win_dir[i], src:'imagenes/tiempo/'+data.win_dir[i]+'.png'}, winDirHolder);
		$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:(data.win_spd[i])?data.win_spd[i]:''}, itemContent);
		//$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.ui[i]}, itemContent);
		//$C('DIV', {className:'floatLeft', '.width':'70px', '.textAlign':'center', '.marginTop':'18px', innerHTML:data.rsk[i]}, itemContent);
		$C('DIV',{className:'floatFix'},h);
	}
});