var fotoAcargar;
var anchoFoto;
var altoFoto;
var margenDerecho;
var margenSuperior;
var velocidad = 700;

$(document).ready(function (){
			
			Cufon.replace('h2, h3, .blog, .footer', { hover: 'true' });

			mainmenu();
			
			// ENLACES EXTERNOS
			$(".aExterno").attr("target", "_blank");
	
			// RESALTAR CAMPO ACTUAL DE FORMULARIO
			$("input").focus(function() {
				$(this).addClass("currentInput")
			});
			$("input").blur(function() {
				$(this).removeClass("currentInput")
			});
			$("textarea").focus(function() {
				$(this).addClass("currentInput")
			});
			$("textarea").blur(function() {
				$(this).removeClass("currentInput")
			});
				
			// VALIDAR CAMPOS DE FORMULARIO
			$("#contacto  #left_content_about_blog #contactform").validate();
			
			// LIGHTBOX WORKS IMAGE GALLERY
			$(".single .wGallery p a").click(lightBox);		
})

// FUNCIONES MENU PRINCIPAL
function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}
	
// FUNCIONES LIGHTBOX
function lightBox(){
	fotoAcargar = $(this).attr("href");
	$("body").append('<div id="lb_velo"></div>');
	$("#lb_velo").addClass("lb_velo").css("opacity", 0).fadeTo(velocidad ,0.8, cargaFoto);
	return false;
}

function cargaFoto(){
	$("body").append('<div id="lb_marco"></div>');
	$("#lb_marco").addClass("lb_marco").append('<img />');
	$("#lb_marco img").attr("src", fotoAcargar).load(animaAncho).hide();
}

function animaAncho(){
	anchoFoto = $(this).width();
	altoFoto = $(this).height();
	margenDerecho = (anchoFoto/2);
	margenSuperior = (altoFoto/2);
	$("#lb_marco").css("background", "#FFF").animate({ width: anchoFoto, marginLeft:-margenDerecho-5 }, velocidad, animaAlto);
}

function animaAlto(){
	$("#lb_marco").animate({ height: altoFoto, marginTop:-margenSuperior-5 }, velocidad, apareceFoto);
}

function apareceFoto(){
	$("#lb_marco img").fadeIn(velocidad);
	$("#lb_velo, #lb_marco").click(cierraLightBox);
	$(document).keypress(scape)
}
function scape(e){
	if(e.keyCode==27){
		cierraLightBox();
	}
}
function cierraLightBox(){
	$("#lb_marco").remove();
	$("#lb_velo").fadeOut(velocidad, function (){ $(this).remove(); });
}