$(document).ready(
	function(){
		
		$('#fondo_fotos').innerfade({
			speed: 1000,
			//timeout: 25000,
			timeout: 5000,
			type: 'sequence'
						
		});
				
		$(".botonera").append(
			function() {
				
				
				$(".btn_extraescolares")
					.animate({left: 2,top:80},{duration: 500}, "slow")	
				$(".btn_campamentos_de_verano")
					.animate({left: 222,top:30},{duration: 500}, "slow")	
				$(".btn_escuelas_urbanas")
					.animate({left: 442,top:130},{duration: 500}, "slow")
				$(".btn_viajes_excursiones")
					.animate({left: 662,top:90},{duration: 500}, "slow")
					
					
					
			})
		
		$("img.btn_extraescolares").hover(
			function() {
				//$(this).stop().animate({"opacity": "0"}, "slow");
				$(this).stop()
					.animate({width: 248,left: -8,top:80},{duration: 200}, "slow")
				
				
			},
			function() {
				$(this).stop()
					.animate({width: 228,left: 2,top:80},{duration: 200}, "slow");
				
			});	
		
		
		$("img.btn_campamentos_de_verano").hover(
			function() {
				//$(this).stop().animate({"opacity": "0"}, "slow");
				$(this).stop()
					.animate({width: 248,left: 212,top:30},{duration: 200}, "slow")
		
					
			},
			function() {
				$(this).stop()
					.animate({width: 228,left: 222,top:30},{duration: 200}, "slow")
				
			});
		
		$("img.btn_escuelas_urbanas").hover(
			function() {
				//$(this).stop().animate({"opacity": "0"}, "slow");
				$(this).stop()
					.animate({width: 248,left: 432,top:130},{duration: 200}, "slow")
			
				
			},
			function() {
				$(this).stop()
					.animate({width: 228,left: 442,top:130},{duration: 200}, "slow");
			
			});	
		
		
		
		
		$("img.btn_viajes_excursiones").hover(
			function() {
				//$(this).stop().animate({"opacity": "0"}, "slow");
				$(this).stop()
					.animate({width: 248,left: 652,top:90},{duration: 200}, "slow");
		
				
			},
			function() {
				$(this).stop()
					.animate({width: 228,left: 662,top:90},{duration: 200}, "slow");
			
			});	
	});

$(document).ready(function() {
	$().piroBox_ext({
	piro_speed : 500,
		bg_alpha : 0.8,
		piro_scroll : true // pirobox always positioned at the center of the page
	});
});
