// JavaScript Document

$(document).ready(function(){
	
	
	//Movimiento de las nubes
	var x_nubes = 0;
	setInterval(function(){
		x_nubes = (x_nubes + 1) % 1366;
		$('#cab_niv2').css( {backgroundPosition: "-"+ x_nubes +"px 0"} );
	}, 40);
	
	
	//Movimiento del pajaro
	
	var x_paj = 0;
	var y_paj = 0;
	setInterval(function(){
		x_paj = Math.floor(Math.random()*150);
		y_paj = Math.floor(Math.random()*50) + 250;
		$('#pajaro').stop().animate({left: x_paj +"px", top:  y_paj + "px"},{duration:4000},{animation:'linear'});
	}, 4500);
	
	
	//Movimiento del menu
	var interval;
	var icono;
	var y_ico = 66;
	$('#menu .icono').hover(
		function () {
			icono = $(this);
			interval = setInterval(function(){
				y_ico = (y_ico + 66) % 132;
				icono.css( {backgroundPosition: "0 -" + y_ico +"px"} );
			}, 200);
		},
		function () {
			icono.css( {backgroundPosition: "0 0"} );
			clearInterval(interval);
		}
	);

});