window.addEvent('domready',function(){

	$('blog-title').setStyle('cursor','pointer').addEvent('click',function(event){
		window.location = 'http://juanbenavides.info/';
	});
	
	var social = $('linkcat-3');
	if (social)
	{
		new Element('a',{'href':'#inocentin','rel':'nofollow'}).set('text','MetroFlog').inject(new Element('li',{'id':'inocentin'}).inject(social.getElement('ul')))
			.addEvent('click',function(event){
				this.set('text','¡¿Como crees?! :P');
		});
	}
	
	$$('ul.sidebar li ul li a').each(function(e){

		var fx = new Fx.Morph(e,{duration:200,wait:false});
		e.addEvent('mouseenter',function(event){
			fx.start({
				'background-color':['#ffffff','#404040'],
				'color':['#404040','#ffffff']
			});
		});
		e.addEvent('mouseleave', function(event){
			fx.start({
				'background-color':['#404040','#ffffff'],
				'color':['#ffffff','#404040']
			});
		});
	});
	$$('div.ff-event').each(function(e){

		var fx = new Fx.Morph(e,{duration:300,wait:false});
		e.addEvent('mouseenter',function(event){
			fx.start({
				'color':['#808080','#000000']
			});
		});
		e.addEvent('mouseleave', function(event){
			fx.start({
				'color':['#000000','#808080']
			});
		});
	});
	$$('ul.footer li.linkcat ul li a').each(function(e){
		var fx = new Fx.Morph(e,{duration:200,wait:false});
		e.addEvent('mouseenter',function(event){
			fx.start({
				'background-color':['#212121','#ffffff'],
				'color':['#ffffff','#212121']
			});
		});
		e.addEvent('mouseleave', function(event){
			fx.start({
				'background-color':['#ffffff','#212121'],
				'color':['#212121','#ffffff']
			});
		});
	});
	$$('ul.footer ul.extra li.widget_tag_cloud a').each(function(e){
		var fx = new Fx.Morph(e,{duration:200,wait:false});
		e.addEvent('mouseenter',function(event){
			fx.start({
				'background-color':['#333333','#ffffff'],
				'color':['#ffffff','#333333']
			});
		});
		e.addEvent('mouseleave', function(event){
			fx.start({
				'background-color':['#ffffff','#333333'],
				'color':['#333333','#ffffff']
			});
		});
	});
	var mostrar_contenido = function(controlAnterior, contenidoAnterior)
	{
		controlAnterior.removeClass('hover');
		contenidoAnterior.setStyle('display','none');
		var control = $(this.addClass('hover').get('href').split('#')[1]).setStyle('display','');
		new Fx.Tween(control, {duration:100}).start('opacity', '1');
	};	
	$$('ul.control a.control').each(function(e,i){

		var href = e.get('href');
		var control = $(href.split('#')[1]);

		if(i==0)
			control.setStyle('opacity','1').setStyle('display','');
		else
			control.setStyle('opacity','0').setStyle('display','none');

		e.addEvent('click',function(event){
			new Event(event).stop();
			if(!this.hasClass('hover'))
			{
				var controlAnterior = $$('ul.control a.hover')[0];
				var idAnterior = controlAnterior.get('href').split('#')[1];
				var contenidoAnterior = $(idAnterior);
				
				new Fx.Tween(contenidoAnterior, {duration:200}).start('opacity', '0');
				if(this.get('href').split('#')[1] == 'lastfm' && $('musica-reciente').get('html')=='')
				{
					var MusicaReciente = $('musica-reciente');
					new Request({
						url: '/interfaz.php',
						onComplete: function(html)
						{
							$('musica-reciente').set('html', html);
							
							var NameInfo = $('musica-reciente').getElement('.name-info');
							var AltInfo = $('musica-reciente').getElement('.alt-info');
							
							$('musica-reciente').getElements('.artist').each(function(artist){
								var fx = new Fx.Morph(artist,{duration:350,wait:false});
								artist.titulo = artist.get('title');
								artist.addEvent('mouseenter',function(event){
									fx.start({
										'background-color':['#333333','#CCCCCC'],
										'color':['#CCCCCC','#333333']
									});
									NameInfo.set('text', artist.titulo);
									NameInfo.removeClass('ocultar');
									AltInfo.addClass('ocultar');
								});
								artist.addEvent('mouseleave', function(event){
									fx.start({
										'background-color':['#CCCCCC','#333333'],
										'color':['#333333','#CCCCCC']
									});
									NameInfo.addClass('ocultar');
									AltInfo.removeClass('ocultar');
								});
								artist.set('title','');
								artist.removeProperty('title');
							});
							
							mostrar_contenido.delay(200, this, [controlAnterior, contenidoAnterior]);
						}.bind(this)
					}).send();
				}
				else
					mostrar_contenido.delay(200, this, [controlAnterior, contenidoAnterior]);
			}
		});

		var fx = new Fx.Morph(e,{duration:200,wait:false});
		e.addEvent('mouseenter',function(event){
			fx.start({
				'background-color':['#212121','#333333'],
				'color':['#aaaaaa','#ffffff']
			});
		});
		e.addEvent('mouseleave', function(event){
			fx.start({
				'background-color':['#333333','#212121'],
				'color':['#ffffff','#aaaaaa']
			});
		});
	});
	$$('div.formcontainer input').extend($$('div.formcontainer textarea')).each(function(e){

		var fx = new Fx.Morph(e.getParent(),{duration:200,wait:false});
		e.addEvent('focus',function(event){
			fx.start({
				'background-color':['#ffffff','#F8F3D3'],
			});
		});
		e.addEvent('blur', function(event){
			fx.start({
				'background-color':['#F8F3D3','#ffffff'],
			});
		});
	});

	
});