window.onload=function(){
//Nifty("div#content,div#contenidos");
//addReflections();

}
window.onresize=function(){
var Est=new Estilos();
}
document.observe('dom:loaded',function(){
	//alert('hola');
				if($('divForo')){F.ajax();}
				var Men=new Menu();
				var Dra=new Drags();
				var Est=new Estilos();
				//P.cargaImagenesCabecera();
				//Alb.inicio();/*este es el album de fotos*/
				var n=0;
				$$("#acciones_comunes div.accion").each(function(el){
						el.hide();
						new Ajax.Updater(el, "php/archivos.php", {method:'get',
						  parameters: { categoria: el.id },
						  insertion: Insertion.Bottom
						});
						window.setTimeout(function(){Effect.Appear(el);},1000*n);
						
						n++;
				
				
				});





});
var Menu=Class.create({
	initialize:function(){
		this.activaLinks();
	},
	activaLinks:function(){
			var txt="";
			$$('#menu a.linkPrincipal').each(function(ul){
				txt+=""+ul.id;
				Event.observe(ul,'mouseover',function(){
					//alert('click');
					var correctorX=0;/*corrige para IE la posición del submenú (debe ser algo del whitespace)*/
					var correctorY=10;
					/*si estamos en IE*/
					if(Prototype.Browser.IE){correctorX=42;correctorY=20;}
					var el=$(ul.id);
					var gui=$(ul).positionedOffset();
					$('info').update(gui);
					var hx=$('menu').cumulativeOffset();
					var flot=$('menuFlotante');
					new Effect.Fade(flot,{duration:0.5,afterFinish:function(){}});
					var id=ul.id.replace('idEstructura_','');
					//$('hola').setStyle({top:h[1]+'px',left:h[0]+'px'});
					$$('#containerMenuAbs div.menuAbs').each(function(el)
														{
															if(el.id=='menuAbs_'+id){
																$('menuAbs_'+id).setStyle({top:gui[1]+correctorY+'px',left:gui[0]-correctorX+'px'});
																Effect.Appear($('menuAbs_'+id));
															}else{
																el.setStyle({top:-900+'px',left:0+'px',display:'none'});
															}
														});
					
					window.setTimeout(function() {Effect.Fade($('menuAbs_'+id));}, 14500);
					//Effect.MoveBy(flot,h[1],h[0]);
				})
			});
	}
})
/*CONTROLIN CONTROLON*/
var Pastor=Class.create({
	ancho:200,
	inicial:'retamas',
	initialize:function(){
		this.inicial=ImagenCabecera;
		
	},
	vaAMenuDirigido:function(element){
		
		var myhash = new Hash();
		myhash.set('albarracin', '13');
		myhash.set('asturias', '10');
		myhash.set('gudar', '12');
		myhash.set('navarra', '11');
		myhash.set('madrid', '21');
		myhash.set('prensa', '23');
		if(element=="prensa"){
			window.location="?id=23";
		}else{
			window.location="?id="+myhash.get(element.id);
		}
		
		
	},
	cargaImagenesCabecera:function(){
		
		var anchoX=$('containerImagenesCabecera').getDimensions();
		anchoX=anchoX.width;
		var a=this;
		var listaCabecera=['bosque','retamas','nieve','agricola','vacas','ovejas','ovejas_y_cabra'];
		var n=1;
		listaCabecera.each(function(el){
			$('imagen_'+n).hide();
			$('imagen_'+n).update('hola');
				var g=new Ajax.Updater('imagen_'+n, '_contenidos_pastor/imagenAjax.php', {
							  method:'get',evalScripts:true,
							  parameters: {lista:el,ancho:anchoX},
							  onSuccess:function(transport){
							  	if(n==0){new Effect.Appear($('imagen_'+n));}
							  	
							  }
							});			
			n++;
		});		
	},	
	cargaImagenesCabeceraBUENA:function(){
		
		var anchoX=$('containerImagenesCabecera').getDimensions();
		anchoX=anchoX.width;
		var a=this;
		var listaCabecera=['bosque','retamas','nieve','agricola','vacas','ovejas','ovejas_y_cabra'];
		var n=0;
		listaCabecera.each(function(el){
			$('imagen_'+el).hide();
			$('imagen_'+el).update('hola');
				var g=new Ajax.Updater('imagen_'+el, '_contenidos_pastor/imagenAjax.php', {
							  method:'get',evalScripts:true,
							  parameters: {lista:el,ancho:anchoX},
							  onSuccess:function(transport){
							  	if(el==a.inicial){new Effect.Appear($('imagen_'+a.inicial));}
							  	
							  }
							});			
			n++;
		});		
	},
	slideShow:function(){
		
	}
});
var P=new Pastor();
/*DRAGS*/
var Drags=Class.create(
//{id:Asturias,x:290,y:459}{id:Navarra,x:317,y:532}{id:Gudar,x:389,y:522}{id:Albarracin,x:368,y:514}{id:Madrid,x:378,y:459}
/*new Effect.MoveBy(element, posY, posX, {duration:3});
elements : ['Asturias','Navarra','Gudar','Albarracin','Madrid']
*/
{	
elements : [	
	{id:'asturias',x:90,y:45},
	{id:'navarra',x:170,y:20},
	{id:'gudar',x:180,y:127},
	{id:'albarracin',x:200,y:96},
	{id:'madrid',x:100,y:110}	
],
//['Asturias','Navarra','Gudar','Albarracin','Madrid'],
initialize:function(){
	
	d=this;

	var n=0;	
	this.elements.each(
		function(item) {
			var ely=$(item.id);
			
			if(ely){
								
				$(item.id).absolutize();
				new Effect.MoveBy($(item.id), item.y, item.x, {duration:3});
				new Effect.Appear($(item.id));
				//alert('asf');
				var element=$(item.id);
						if($('logoFloat_'+element.id)){
							$('logoFloat_'+element.id).setStyle({cursor:'pointer'});
				    		//alert('asdf');
				    		Event.observe($('logoFloat_'+element.id),'click',function(){P.vaAMenuDirigido(element);})
				    	};
				    Event.observe(element,'click',function(){
				    	P.vaAMenuDirigido(element);
				    	element.highlight();
						var divInfo=$('info_mapa');
						var tt=$('info_'+item.id);
						divInfo.innerHTML=tt.innerHTML;
						divInfo.hide();
						new Effect.Appear(divInfo);
						var pos=Position.positionedOffset(element);
						if($('cargador_logos')){$('cargador_logos').update($('logo_'+element.id).innerHTML);}
						
					});
				n++;			
				$(item.id).setStyle({zIndex:100});			
			
			}

			/*var el=item.id;
			new Draggable(el, {
				endeffect:function(){d.dameDatos();}			
			});*/
		}
	);
}
}
);

/*ESTILOS*/

var Estilos=Class.create({
	
	initialize:function(){
		//alert('hola');
		var anchoTotal=$('bodyPastor').getDimensions();
		var anch=anchoTotal.width;
		$('infoPantallaXY').update("Resolución de pantalla:"+anch+" x "+anchoTotal.height)
		if(anch<900){
			//$('containerTodo').setStyle({width:'100%'});
			//$('containerInterno').setStyle({width:'100%'});
		}else{
			//$('containerTodo').setStyle({width:'85%'});
			//$('containerInterno').setStyle({width:'90%'});
		}
		
	}
	
	
});






/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var Slides=Class.create({
	prefijo:'slideshow',
	slide:new Object({		
		prefijo:'slideshow',
		inicio:function(prefijo,ini,fin,delay){
			//alert('inicio');
			//start_slideshow(1, 4, 2000);
			var cont=10;
			start_slideshow(ini,fin,delay);
    
		    function start_slideshow(start_frame, end_frame, delay) {
		        setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
		    }
		                            
		    function switch_slides(frame, start_frame, end_frame, delay) {
		        return (function() {
			            Effect.Fade(prefijo + frame);
			            
			            //$('infoGaleriaABS').update(''+frame);
			            
			            if (frame == end_frame) {
			            	cont++;
			            	ajax(prefijo + frame,cont);
			            	ajax(prefijo + (frame-1),cont+1);
			            	ajax(prefijo + (frame-2),cont+2);
			            	ajax(prefijo + (frame-3),cont+3);
			            	frame = start_frame;			            	
			            } 
			            else { frame = frame + 1; }
			            setTimeout("Effect.Appear('"+prefijo + frame + "');", 850);
			            setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);

		        })
		    }
		    function ajax(target,c){		
				new Ajax.Updater(target, 'gestion/galeria/galeria2.php', {method:'get',
				  parameters: { random: c }
				});				
			}			
		}//fin funcion inicio		
	}),
	
	
	initialize:function(){
		//this.slide.inicio('slideshow',1, 4, 5000);
		//$('listadoSlideShow').hide();

		
	},
	mueveADerecha:function(){
		var pos=$('cont_0').cumulativeOffset();
		new Effect.MoveBy('listadoSlideShow',pos[1],pos[0],{afterFinish:function(){Effect.Appear('listadoSlideShow')}});
	},
	mueveA:function(y,x){
		
	},
	ajax:function(target,c){
		
		new Ajax.Updater(target, 'gestion/galeria/galeria2.php', {
		  parameters: { random: c }
		});
		
		
	},
	creaCargador:function(){
		var a=this;
		var el=new Element('div');
		el.update("<div id='listadoSlideShow' style='text-align:left;position:relative;top:20px;left:50px'>Preguntas</div>");
		$('cuerpo_der_cabecera').appendChild(el);
		new Ajax.Updater(el, 'gestion/galeria/galeria2.php', {method:'get',
		  parameters: { inicio: 0 },onSuccess:function(){a.slide.inicio('slideshow',1, 4, 5000);}
		});
		
	}
	
});//fin de slides
*/
var AlbumFotos=Class.create({
	nombre:'',
	numRegs:3,
	initialize:function(obj){
		
		this.nombre=obj.nombre;
	},
	inicio:function(){	
		  var alb=this;	
		  var album = { 
		  cont:1,
		  startup: function() { 
		    new PeriodicalExecuter(album.cycle, 5) // change image every 5 seconds 
		  }, 
		  cycle: function() {
		  	var f=album;
		    new Effect.Fade('imageFlonder', { // the id of the <DIV> containing the photos 
		      duration: 1, 
		      fps: 50, 
		      afterFinish: function() { 
		        new Ajax.Updater('imageFlonder','/php/album.php', { // URL for next <IMG> tag 
		          method:'get',
		          evalScripts:true,
		          parameters:{id:f.cont,nombre:alb.nombre},
		          asynchronous: true, 
		          onSuccess: function() {
		          	if(f.cont>alb.numRegs){f.cont=1;}else{f.cont++;}
		          	
		            new Effect.Appear('imageFlonder', {
		              duration: 1,
		              fps: 50,
		              queue:'end'
		            })
		          } 
		        }) 
		      } 
		    }) 
		  } 
		}
		
		album.startup();
		
		
		
		
		
		
		
		
		
	}

	
	
});
var Alb=new AlbumFotos({nombre:'album'});
//album.startup();
/*
var album = { 
  cont:1,
  startup: function() { 
    new PeriodicalExecuter(album.cycle, 5) // change image every 5 seconds 
  }, 
  cycle: function() {
  	var f=album;
    new Effect.Fade('imageFlonder', { // the id of the <DIV> containing the photos 
      duration: 1, 
      fps: 50, 
      afterFinish: function() { 
        new Ajax.Updater('imageFlonder','/php/album.php', { // URL for next <IMG> tag 
          method:'get',
          parameters:{id:f.cont},
          asynchronous: true, 
          onSuccess: function() { 
          	f.cont++;
            new Effect.Appear('imageFlonder', {
              duration: 1,
              fps: 50,
              queue:'end'
            })
          } 
        }) 
      } 
    }) 
  } 
}*/

var Foro=Class.create({
	target:'changeme',
	url:'php/foro.php',
	parameters:'?listadoTotal=todas',
	method:'get',
	idFormulario:'formularioForo',
	
	
	initialize:function(){
		
	},
	ajax:function(){
		a=this;
		new Ajax.Updater(		
		this.target, 		
		this.url,		
			{		
			evalScripts:true,		
			asynchronous:true,	
			method:this.method,	
			parameters:this.parameters,
			onSuccess:function(){window.setTimeout(function() {a.activaLinks();}, 200);}
			});
		
		
	},
	serializaFormulario:function(formulario){
		this.parameters=Form.serialize(formulario);
	},
	template:function (obj){
	var itemFormat = new Template(
			"<form name='#{nombreFormulario}' id='#{nombreFormulario}' method='post' class='formularioForo'>" +
			"<input id='Submit' name='Submit' type='submit' onclick=\"var h=new Foro();h.target='#{targetId}';h.method='post';h.serializaFormulario('#{nombreFormulario}');h.ajax();return false;\" value='Grabar comentario'>"+
			"<p><input type='hidden' name='ID' id='ID' value='#{ID}'></p>" +
			"<p><input type='hidden' name='asdf' id='asdf' value='#{pregunta}'></p>" + 
			"<p>Titulo:<br><textarea name='Titulo' id='Titulo' class='textareaTitulo'>#{tituloDefault}</textarea></p>" + 
			"<p>Comentario:<textarea name='Respuesta' id='Respuesta'>#{comentarioDefault}</textarea></p>" + 
			"<p><input id='Submit' name='Submit' type='submit' onclick=\"var h=new Foro();h.target='#{targetId}';h.method='post';h.serializaFormulario('#{nombreFormulario}');h.ajax();return false;\" value='Grabar comentario'></p></form>"+
			""
			);
	
	return itemFormat.evaluate(obj);
	//$(this.target).update(itemFormat.evaluate(cartItem));
	
	},
	activaLinks:function(){

		var f=this;
		var div=this.target;
		//alert('#'+div+' div');
		$$('#'+this.target+' div.respuesta').each(function(el){
			Event.observe(el,'click',function(){
				//alert(el.id);
				el.update('asfd');
			});
		});
		$$('#Tabla a.btnResponder').each(function(el){
			
			Event.observe(el,'click',function(){
				var id=el.id.replace('item','');
				//alert(id);
				//new Insertion.Bottom('comentarios'+id,f.template({ID:id,targetId:'comentarios'+id,nombreFormulario:'form'+el.parentNode.id,pregunta:el.parentNode.innerHTML}));
				$('comentarios'+id).update("");
				new Insertion.Bottom('comentarios'+id,
					f.template(
						{
						ID:id,
						targetId:'comentarios'+id,
						nombreFormulario:'formularioNuevoTema'+id,
						pregunta:'gsasdfa',
						tituloDefault:'Escribe aquí el título del comentario...',
						comentarioDefault:'Escribe aquí la descripción ...'
						
						})
				);
			});		

			
			
		});		
		$$('#Tabla a.btnAmpliarForo').each(function(el){
			
			Event.observe(el,'click',function(){
				var id=el.id.replace('ampliar_','');
				$('ampliar'+id).toggle();$('ampliar2'+id).toggle();

			});		

			
			
		});
		Event.observe('btn_NuevoTema','click',function(){
			id=0;
			$('FormularioNuevoTema').update("");
			new Insertion.Bottom('FormularioNuevoTema',
				f.template(
					{
					ID:id,
					targetId:'FormularioNuevoTema',
					nombreFormulario:'formularioNuevoTema',
					pregunta:'gsasdfa',
					tituloDefault:'Escribe aquí el título del nuevo tema...',
					comentarioDefault:'Escribe aquí la descripción del tema...'
					
					})
			);
			
		});

		
		
	},
	preparaDivs:function(){
		
		//alert('sad');
		new Effect.Fade('formularioNuevoPass');
		new Effect.Fade('formularioAcceso');
		new Effect.Fade('divInfoForo');
	}
});
var F=new Foro();


function MostrarFormulario(nombreFormulario){
	var forms=[{nombre:'formularioAcceso'},{nombre:'formularioNuevoPass'}];
	forms.each(function(form){

		if(form.nombre==nombreFormulario){
			new Effect.Appear(form.nombre);
		}else{
			new Effect.Fade(form.nombre);
		}
		
	});
	var cont=$('captcha').innerHTML;
	$('captcha_'+nombreFormulario).update("");
	new Insertion.Bottom($('captcha_'+nombreFormulario),cont);
	
}