// JavaScript Document

//Aņadimos las tipos
Cufon.replace('.font1', { fontFamily: 'AvantGarde Bk BT' });	
Cufon.replace('.font2', { fontFamily: 'Delicious' });
	
$(document).ready(function(){
	
	$(document).pngFix(); //PNG en IE6
	$(".submenu").hide();
	
	//iniciamos las transiciones de la home
	$(".burbuja").simpleSlide();
	$(".burbujap").simpleSlide();
	
	$(".msubmenu").click(function (event) {
		event.preventDefault();	//anulamos el enlace	
		if ($(".submenu").is(":hidden")) {
			$(".submenu").slideDown("slow");
		} else {
			$(".submenu").slideUp("slow");
		}
	});
	
	setInterval("burbujas()",10000); //movimiento cada 10 segundos

	/* movimiento durante 10 segundos solo
	var movburbujas = setInterval("burbujas()",1000);
	setTimeout("clearInterval("+movburbujas+")",10000);
	*/


});

function burbujas(){
	$(".burbuja").animate({top:"-=5px"},1000).animate({top:"+=5px"}, 1000).animate({top:"-=5px"},1000).animate({top:"+=5px"}, 1000);
	$(".burbujap").animate({top:"-=3px"},1000).animate({top:"+=3px"}, 1000).animate({top:"-=3px"},1000).animate({top:"+=3px"}, 1000);
}

//transicion burbujas
jQuery.fn.simpleSlide = function(a){

	a				= a || {};
	a.duration		= a.duration || 5000;
	a.transition	= a.transition || 1000;

	var	c	= $(this);

	$(c).css("position","relative");

	$("img",$(c))
		.css({
			'position'	: 'absolute',
			'top'		: '0px',
			'left'		: '0px',
			'z-index'	: '8'
			})
		.find(":first")
			.addClass("slide-active")
			.css('z-index','10');

	setInterval(function(){

			var $active = $("img.slide-active",$(c));

			if($active.length == 0) $active = $("img:last",$(c));

			var $next	= $active.next().length ? $active.next() : $("img:first",$(c));

			$active
				.addClass("slide-last-active")
				.css('z-index','9');

			$next
				.css({opacity: 0.0})
				.addClass("slide-active")
				.css('z-index','10')
				.animate({opacity: 1.0}, a.transition, function(){
					$active
						.removeClass('slide-active slide-last-active')
						.css('z-index','8');
				});
		}, a.duration);

}