// JavaScript Document

$(document).ready(function() {
						   
	$('.nav-festival').append('<span class="hover-festival"></span>').each(function () {
		var $span = $('> span.hover-festival', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo("6000", 1);
			$('.submenu-festival-contenedor').stop().animate({height:'39px'},{queue:false, duration:200, easing: 'swing'});
		}, function () {
			$span.stop().fadeTo("6000", 0);
			$('.submenu-festival-contenedor').stop().animate({height:'0px'},{queue:false, duration:200, easing: 'swing'});
		});
	});
	
	$('.submenu-festival-contenedor').hover(function(){
		$(this).stop().animate({height:'39px'},{queue:false, duration:200, easing: 'swing'});
	}, function(){
		$(this).stop().animate({height:'0px'},{queue:false, duration:200, easing: 'swing'});
	});

	$('.nav-noticias').append('<span class="hover-noticias"></span>').each(function () {
		var $span = $('> span.hover-noticias', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo("6000", 1);
		}, function () {
			$span.stop().fadeTo("6000", 0);
		});
	});
	$('.nav-escenario').append('<span class="hover-escenario"></span>').each(function () {
		var $span = $('> span.hover-escenario', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo("6000", 1);
		}, function () {
			$span.stop().fadeTo("6000", 0);
		});
	});
	$('.nav-contacto').append('<span class="hover-contacto"></span>').each(function () {
		var $span = $('> span.hover-contacto', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo("6000", 1);
		}, function () {
			$span.stop().fadeTo("6000", 0);
		});
	});
	$('.nav-nosotros').append('<span class="hover-nosotros"></span>').each(function () {
		var $span = $('> span.hover-nosotros', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo("6000", 1);
		}, function () {
			$span.stop().fadeTo("6000", 0);
		});
	});
});