var ok=function()
{
	var gadgets=$$('#iconos a');	
	$('audio').addEvent('click',function(){
		//$$('.cerrar').fireEvent('click');		
		gadget_seleccionado['xxx']=1;
		//gadgets.setStyle('opacity',0.5);
		//gadget_seleccionado='xxx';
		this.setStyle('opacity',1);
		var panel='xxx';

		var dim=window.getCoordinates().width;
		
		new Element('div',{
			'class':'xxx oculto',
			'id':'panelxxx',
			styles:{
				'position':'absolute',
				'left':dim-300				
			}
		}).inject('pagina');
		
		var datos=new Object;
		datos.post=1;		

		new Request.HTML({
			url: '/ajax/gadget/xxx',
			'update':'panelxxx',
			onComplete:function(objeto){
				new Asset.javascript('/web08/js/xxx.js', {id: 'xxxx'});
			}
		}).post(datos);
	});		
	
	$('audio').setStyles({'cursor':'pointer','opacity':1});	
}

function apagar()
{
	var gadgets=$$('#iconos a');	
	gadgets.each(function(elemento){
		if(gadget_seleccionado[elemento.id]==0)
		{
			elemento.setStyle('opacity',0.5);
		}
	});		
}

function acordeones(fondo)
{
	$$('.gasilla').setStyle('opacity',.5);
	//$$('.menu a').set('href','#');
	var abierto="";
	new Accordion($$('.panel'), $$('.contenido'),{
		onActive:function(barra,elemento){
			barra.morph('.seleccionado');
			abierto=barra.id;
		},
		onBackground:function(barra,elemento){
			barra.morph('.deseleccionado');
		}
	});
	$$('.panel').addEvent('mouseenter',function(){
		this.morph('.seleccionado');	
	});
	
	$$('.panel').addEvent('mouseleave',function(){
		if(abierto!=this.id)
		{
			this.morph('.deseleccionado');	
		}
	});	
	
	aparece(fondos_generales[fondo]);	
}

function legal(fondo)
{
	$$('.gasilla').setStyle('opacity',.5);
	aparece(fondos_generales[fondo]);	
}

function cambio_imagenes(){
	
	$(seleccionado).set('morph', {duration: duracion, transition: transicion, link:'link'});
	$(seleccionado).morph({ width: grande});
	//galeria
	var request = new Request.JSON({
		url: '/ajax/imagenes/'+seleccionado,
		onComplete: function(jsonObj) {
			if(!$('barra2').hasClass('invisible'))
				$('barra2').addClass('invisible');
			//cambiemos el fondo
			myChain=new Chain;
	
			myChain.chain(
				function(){
					
					//si hubiera imagenes las opacamos
					$try(function(){
							$('caja_imagenes').morph({'opacity':0});
					});
					myChain.callChain.delay(500,myChain);
				},
				function(){
					//eliminamos el contenido de las imagenes si lo  hubiera
					$try(function(){
							$('caja_imagenes').set('html','');
					});
					
					//cargamos el nuevo fondo
					var fondossae = new Asset.image(fondos[seleccionado], { onload: function(){
							$('fondo').setStyle('background-image','url('+fondos[seleccionado]+')');
							myChain.callChain();
						}});
				}
				,
				function(){
					$('fondo').morph({'opacity':1});
					$('caja_imagenes').morph({'opacity':1});
					myChain.callChain.delay(500,myChain);
				}
				,function(){
	
					var fotos=new imagenes(jsonObj.datos,'caja_imagenes',{transicion:'sine:out',duracion:'long',fijo:true,alfa:0.7,inverso:invertido});
					invertido=false;
					
					$('caja_imagenes').addEvent('click',function(){
						
						if(fotos.imagenes_totales==fotos.imagen_activa)
						{
							$('caja_imagenes').removeEvents('click');
							var siguiente=$(seleccionado).getNext();
							if (!siguiente)
							{
								var padre=$(seleccionado).getParent()
								siguiente=padre.getFirst();	
							}
							$(siguiente.id).fireEvent('click');
						}
						if(fotos.imagen_activa==-1)
						{
							$('caja_imagenes').removeEvents('click');
							var siguiente=$(seleccionado).getPrevious();
							if (!siguiente)
							{
								var padre=$(seleccionado).getParent()
								siguiente=padre.getLast();	
							}
							invertido=true;
							$(siguiente.id).fireEvent('click');
						}						
					});	
	
				}
			);
		 	myChain.callChain();
		}
	}).send();	
	
	
}

function galeria(fondo)
{	
	var datos=new Object;
	datos.post=1;		

	var fondos_galeria=[];

	new Request.JSON({
		url: '/ajax/fondos/'+fondo+'/'+$time(),
		onComplete:function(objeto){
			fondos=objeto;	
			var paneles = new Hash(objeto);
			
			var keys = paneles.getKeys();
			fondos_galeria=paneles.getValues();
			
			seleccionado=keys[0];
			menu_portafolio();
			
			$('barra2').removeClass('invisible');
			
			$('barra2').set('morph',{'link':'cancel','unit':'%','duration':'short'});
			
			$('barra2').setStyles({'width':1});
			
		   	var total=fondos_galeria.length;
		   	var porcentaje=((1/total)*100).toInt();
		   	
			$('barra2').morph({'width':porcentaje});
				
			var myImages = new Asset.images(fondos_galeria, {
			
			    onProgress: function(contador,indice){
			    	var total=fondos_galeria.length;
			    	var porcentaje=(((contador+1)/total)*100).toInt();	    	
					$('barra2').morph({'width':porcentaje});
			    },
			    onComplete: function(){
			    	
			    	$('barra2').setStyles({'width':100});
			    	
			    	$('contenedor').morph({'opacity':1});
			    	cambio_imagenes();
			    	
			    	
			    	
			    }
			});
			
		}
	}).post(datos);
	
	
}

function inicio(pagina)
{	
	switch(pagina)
	{
		case 'nosotros':
		case 'noticias':
			acordeones(pagina);
			break;	
			
		case 'grafico':
		case 'web':
		case '3d':
			galeria(pagina);
			break;
			
		case 'legal':
			legal(pagina);
			break;
	}	
}

function menu_portafolio()
{
	$$('#trabajos .imagen_catalogo').set('href','#');
	$('abajo').setStyle('opacity',.5);

	$$('.panel_catalogo').addEvent('mouseenter',function(){
		if(seleccionado!=this.id)
		{
			this.set('morph', {duration: duracion, transition:transicion , link:'link'});
			this.morph({ width: medio});
		}	
	});

	$$('.panel_catalogo').addEvent('mouseleave',function(){
		if(seleccionado!=this.id)
		{
			this.set('morph', {duration: duracion, transition: transicion, link:'link'});
			this.morph({ width: mini});
		}	
	});
			
	$$('.panel_catalogo').addEvent('click',function(){
		
		//opacamos el fondo
		$('fondo').morph({'opacity':0});
							
		$(seleccionado).set('morph', {duration: duracion, transition: transicion,link:'link'});
		$(seleccionado).morph({ width: mini});
		
		seleccionado=this.id;
		
		cambio_imagenes();
	});
	
}

function desaparece(menu)
{
	var m_principal=$$('#contiene_menu a','#portafolio');
	var myChain=new Chain;
	menu_seleccionado=menu;	
	
	$try(function(){
		$('contenido_noticias').set('html','');	
	});
	
	myChain.chain(
		function(){		
			//opacamos el fondo
			
			$('contenedor').morph({'opacity':0});
			
			//si hubiera imagenes las opacamos
			$try(function(){
					$('caja_imagenes').morph({'opacity':0});
			});			
			//encojemos el menu			
			colapsa_menu(m_principal);
			myChain.callChain.delay(500,myChain);
		},
		function(){
			//eliminamos el contenido de las imagenes si lo  hubiera
			$('fondo').morph({'opacity':0});
						
			//cargamos la nueva página
			var datos=new Object;
			datos.post=1;
			new Request.HTML({
				url:'/ajax/carga/'+menu+'/',
				'update':'contenedor',
				onComplete:function(){
					//new Asset.javascript('/web08/js/'+menu+'.js', {id: menu});
					inicio(menu);
				}
			}).post(datos);			
		}
	);
 	myChain.callChain();	
}

function aparece(fondo)
{
	var myChain=new Chain;
	myChain.chain(
		function(){
			//cargamos el nuevo fondo
			$('fondo').setStyle('background-image','url('+fondo+')');
			myChain.callChain();
		},
		function(){							
			$('fondo').morph({'opacity':1});
			myChain.callChain.delay(500,myChain);
		}
		,function(){
			$('contenedor').morph({'opacity':1});
		}
	);
 	myChain.callChain();		
}

function precarga(){		
	new Element	('div',{
			'id':'barra',
			styles:{
				'width':'1%',
				'height':'1px',
				'background-color':'white',
				'position':'absolute',
				'left':'50%',
				'top':'50%',
				'font-size':'1px'
			}
	}).inject($('cortina'));
	//fondos generales
	var datos=new Object;
	datos.post=1;		
	new Request.JSON({
		url: '/ajax/fondos_generales/'+$time(),
		'update':'test',
		onComplete:function(objeto){
			fondos_generales=objeto;
			//ahora a cargar las imágenes
			var myFx=new Fx.Morph('barra',{'link':'chain','unit':'%','duration':'long'});
			var imagenes=[];
			
			var myHash = new Hash(objeto);
			
			var x=0;
			myHash.each(function(el){
				imagenes[x]=el;
				x++;
			});
			myFx.set({'width':1,'left':50});
			
		   	var total=imagenes.length;
		   	var porcentaje=((1/total)*100).toInt();
		   	
		   	var desplazamiento=50-(porcentaje/2).toInt();
			myFx.start({'width':porcentaje,'left':desplazamiento});
		
			var myImages = new Asset.images(imagenes, {
			
			    onProgress: function(contador,indice){
			    	var total=imagenes.length;
			    	var porcentaje=(((contador+1)/total)*100).toInt();
			    	
			    	
			    	var desplazamiento=50-(porcentaje/2).toInt();
					myFx.start({'width':porcentaje,'left':desplazamiento});
			    },
			    onComplete: function(){
			    	$('cortina').morph({'opacity':0});
			    }
			});


			aparece(fondos_generales[menu_seleccionado]);
		}
	}).post(datos);	
}	

function colapsa_menu(menu)
{
  menu.each(function(elemento){
     if(elemento.id!=menu_seleccionado)
     {
     	if(!(elemento.id=='portafolio' && (menu_seleccionado=='web' || menu_seleccionado=='grafico' || menu_seleccionado=='3d')))
     	{
	    	elemento.morph({width:0,'border-left-width':0});	
     	}
     	else
     	{
     		elemento.setStyle('opacity',1);
     	}
     }
     else
     {
     	elemento.setStyle('opacity',1);
     }
  });	
}
	
function expande_menu()
{
	
}
	
window.addEvent('domready', function() {

	
	
	$('contenedor').setStyles({'opacity':0});
	//$('fondo').setStyles({'opacity':0});
	//desaparece('grafico');
	var menus=$$('#contiene_menu a','#iconos a','#portafolio');
	var m_principal=$$('#contiene_menu a','#portafolio');
	var gadgets=$$('#xxx, #localizacion, #contacto');
	menus.set('href','#');
		
	menus.addEvent('mouseenter',function(){
		this.setStyle('opacity',1);
	});

	gadgets.addEvent('click',function(){
			
		if(this.id!='xxx')
		{
			gadget_seleccionado[this.id]=1;
			
			var dim=window.getCoordinates().width;
			
			this.setStyle('opacity',1);
			var panel=this.id;
			new Element('div',{
				'class':panel+' oculto',
				'id':'panel'+panel,
				styles:{
					'position':'absolute',
					'left':dim-300				
				}
			}).inject('pagina');
			
			var datos=new Object;
			datos.post=1;		
			
			
			new Request.HTML({
				url: '/ajax/gadget/'+panel,
				'update':'panel'+panel,
				onComplete:function(objeto){
					new Asset.javascript('/web08/js/'+panel+'.js', {id: panel});
					
				}
			}).post(datos);
		}
	});	




	//audio
	var adjunto = new Swiff('/web08/audio/audio.swf?dato='+$time(), {
		id:'audio',
	    width: 17, 
	    height: 15,
	    params:{
	    	scale:'exactfit',
			wmode:'transparent'
	    },
	    vars:{
			'volumen_inicial':'100',
			'fichero_xml':'/web08/audio/canciones.xml',
			'color':'0xFFFFFF',
			'loop':'true'				
		},
		callBacks:{
			onLoad:ok	
		},
	    container:'xxx'
	});	
	
	m_principal.addEvent('click',function(){
		m_principal.setStyle('opacity',0.5);

		if(this.id=='portafolio')
		{
			menu_seleccionado='grafico';
			$('web').setStyle('opacity',1);
		}
		else
		{
			if(this.id=='web' || this.id=='grafico' || this.id=='3d')
				$('portafolio').setStyle('opacity',1);
			menu_seleccionado=this.id;
		}
		this.setStyle('opacity',1);
		
	  	desaparece(menu_seleccionado);	
	});
		
	m_principal.addEvent('mouseleave',function(){
		if(menu_seleccionado!=this.id && !(this.id=='portafolio' && (menu_seleccionado=='web' || menu_seleccionado=='grafico' || menu_seleccionado=='3d')))
		{
			this.setStyle('opacity',0.5);
			
		}
	  		
	});	

	gadgets.addEvent('mouseleave',function(){
		if(gadget_seleccionado[this.id]==0)
		{
			this.setStyle('opacity',0.5);
		}
	});	
		
	$('contiene_menu').addEvent('mouseleave',function(){
		colapsa_menu(m_principal);
	});
	
	$('contiene_menu').addEvent('mouseenter',function(){
	  m_principal.each(function(elemento){
	     elemento.morph({width:tamano_menus[elemento.id],'border-left-width':1});
	  });
	});
	
	precarga();
	
	menus.setStyle('opacity',0.5);
	//$('portafolio').setStyle('opacity',0.5);
	colapsa_menu(m_principal);
	inicio(menu_seleccionado);

});