$(document).ready(function() {

	//inizializzo posizione sfondo 
	//var larghezza_menu =  parseInt($('#menu_top').css('width'))-100;
	var larghezza_menu =  770;
		
	var larghezza_body = parseInt($('body').css('width'));
	var larghezza_corpo = parseInt($('#corpo').css('width'));
	var distanza_bordo =(larghezza_body-larghezza_corpo)/2 
	var posizione=$('#menu_top ').position();
	var posizione_selezionato = $('#menu_top_selezionato').position();
	var l = posizione.left;
	var posizione_iniziale=posizione_selezionato.left  - l ;
	var n_aggiustamento  = 1.3;
	var numero_percentuale_fuori =( (posizione_iniziale * 100)/larghezza_menu ) + n_aggiustamento
	$('#menu_top').css('background-position',numero_percentuale_fuori+'%')	


	$('#menu_top').mouseover(function(){
		$('#menu_top').mousemove(function(e){
			
		//var larghezza_menu =  parseInt($('#menu_top').css('width'));
		var larghezza_menu =  870;
		var posizione=$('#menu_top ').position();
		var posizione_mouse=e.clientX - parseInt(posizione.left);
		posizione_mouse = posizione_mouse-56
		//var numero_percentuale = (posizione_mouse * 100)/larghezza_menu
		$('#menu_top').css('background-position',posizione_mouse+'px')
		
		
		
		}).mouseout(function(){
			
			
			//var larghezza_menu =  parseInt($('#menu_top').css('width'))-100;
			var larghezza_menu =  760;	
			var larghezza_body = parseInt($('body').css('width'));
			var larghezza_corpo = parseInt($('#corpo').css('width'));
			var distanza_bordo =(larghezza_body-larghezza_corpo)/2 
			var posizione=$('#menu_top ').position();
			var posizione_selezionato = ($('#menu_top_selezionato').position())
			var posizione_iniziale=posizione_selezionato.left  - parseInt(posizione.left) ;
			
			var n_aggiustamento  = 1.3;
			var numero_percentuale_fuori =( (posizione_iniziale * 100)/larghezza_menu ) + n_aggiustamento
			
			$('#menu_top').css('background-position',numero_percentuale_fuori+'%')
			
		
		
		});
	})
	
})