$(function(){
	
	$('#d a')
			.css( {backgroundPosition: "2 0"} )
			.mouseover(function(){
				$(this).stop().animate({backgroundPosition:"(-80px 0)"}, {duration:500})
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(2 0)"}, {duration:500})
			})
	
});


/*animació fons

$(function(){
	// ***
	// Scrolling background
	// ***
		
	// height of background image in pixels
	var backgroundheight = 3325;
	
	// get the current minute/hour of the day
	var now = new Date();
	var hour = now.getHours();
	var minute = now.getMinutes();
	
	// work out how far through the day we are as a percentage - e.g. 6pm = 75%
	var hourpercent = hour / 24 * 100;
	var minutepercent = minute / 60 / 24 * 100;
	
	//var rand = Math.random() * 999;
	//var rand2 = Math.random() * 4;
	//if (rand2>=0 && rand2<1) var percentofday = Math.round(hourpercent + minutepercent + rand);
	//else if (rand2>=1 && rand2<2) var percentofday = Math.round(hourpercent + minutepercent / rand);
	//else if (rand2>=2 && rand2<3) var percentofday = Math.round(hourpercent + minutepercent * rand);
	//else if (rand2>=3 && rand2<4) var percentofday = Math.round(hourpercent + minutepercent - rand);
	var percentofday = Math.round(hourpercent + minutepercent);
	
	// calculate which pixel row to start graphic from based on how far through the day we are
 	var offset = backgroundheight / 100 * percentofday;

	// graphic starts at approx 6am, so adjust offset by 1/4
	var offset = offset - (backgroundheight / 4);

	function scrollbackground() {
		// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
   		offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 2;
		// apply the background position
   		$('body').css("background-position", "50% " + offset + "px");
   		// call self to continue animation
   		setTimeout(function() {
			scrollbackground();
			}, 1
		);
   	}
    
	// Start the animation
	scrollbackground();
	
//	alert("GIJAAAAA!!!!!!!!!");
	
});	
	*/