// JavaScript Document

$(document).ready(function(){
	$(function(){
		$('.fade li a')
		.mouseover(function(){
			$(this).stop().fadeTo(300, 0.01)
		})
		.mouseout(function(){
			$(this).stop().fadeTo(500, 1)
		})
	});
	$(function(){
		$('input')
		.click(function(){
			if($(this).attr('name') == 'nombre'){
				$(this).addClass('activo');
				$('#mail').removeClass('activo');
				$('#msg').removeClass('activo');
			}else if($(this).attr('name') == 'user'){
				$(this).addClass('activo');
				$('#pass').removeClass('activo');
			}else if($(this).attr('name') == 'pass'){
				$(this).addClass('activo');
				$('#user').removeClass('activo');
			}else if($(this).attr('name') == 'title'){
				$(this).addClass('activo');
				$('#contenido').removeClass('activo');
				$('#state').removeClass('activo');
			}else if($(this).attr('name') == 'mail'){
				$(this).addClass('activo');
				$('#nombre').removeClass('activo');
				$('#msg').removeClass('activo');
			}else if($(this).attr('name') == 'author'){
				$(this).addClass('activo');
				$('#email').removeClass('activo');
				$('#url').removeClass('activo');
				$('#comment').removeClass('activo');
			}else if($(this).attr('name') == 'email'){
				$(this).addClass('activo');
				$('#author').removeClass('activo');
				$('#url').removeClass('activo');
				$('#comment').removeClass('activo');
			}else if($(this).attr('name') == 'url'){
				$(this).addClass('activo');
				$('#author').removeClass('activo');
				$('#email').removeClass('activo');
				$('#comment').removeClass('activo');
			}
		});
	});
	$(function(){
		$('textarea')
		.click(function(){
			if($(this).attr('name') == 'msg'){
				$(this).addClass('activo');
				$('#nombre').removeClass('activo');
				$('#mail').removeClass('activo');
			}else if($(this).attr('name') == 'comment'){
				$(this).addClass('activo');
				$('#author').removeClass('activo');
				$('#email').removeClass('activo');
				$('#url').removeClass('activo');
			}else if($(this).attr('name') == 'content'){
				$(this).addClass('activo');
				$('#title').removeClass('activo');
				$('#state').removeClass('activo');
			}
		});
	});
});