$(function(){			

	// Carga de menú principal
	$('div#menu').fadeIn(3000);
		
	// Efectos opciones de menú principal
	var velocity = 400;
	var class_active = 'active';
	var displacement = 40;
	var easing = 'swing';
	
	function startEffects() {
		// document.all.sound.src = 'ruta sonido';
		if (String($(this).attr('class')) === String(class_active))
			$(this).animate({'top': (displacement + 'px'), 'font-size':'10px'}, velocity, easing, function() { 
				$("div#menu ul li span").animate({'top':'0px', 'font-size':'12px'}, velocity, easing).unbind('mouseenter');
				$(this).mouseout( function() {
					$("div#menu ul li span").bind('mouseenter', startEffects);
				})
			});
		else
			$(this).animate({'top': (displacement + 'px'), 'font-size':'10px'}, velocity, easing, function() { 
				$("div#menu ul li span").animate({'top':'0px', 'font-size':'12px'}, velocity, easing).unbind('mouseenter');
				$(this).mouseout( function() {
					$("div#menu ul li span").bind('mouseenter', startEffects);
				})
			});	

	}
	
	$("div#menu ul li span").bind('mouseenter', startEffects);

	// Imagen con efecto
	$("div#image_effects").slideDown(4000);
	$("div#image_effects_alpha").fadeIn(4000);
	
	// Fraces con efecto
	var time = 5000;
	var item = 0;
	var numbersItem = 0;
	
	function startTextEffects(element) {
		$.each($(element), function(i, v){
			//alert(i + ' - ' + item);
			if (Number(i) === Number(item)) {
				$(v).fadeIn(time, function() {
					$(this).fadeOut(time, function() {
						if (Number(numbersItem) === Number(item))
							item = 0;
						else
							item += 1;
						startTextEffects(element);
					});
				});
			}
		})
	}

	$.each($("div#frases span"), function(){
		numbersItem += 1;
	});
	
	numbersItem -= 1;
	startTextEffects("div#frases span");

});