[Jquery] far comparire un elemento a destra e sinistra della pagina

[ilsangue]

Ciao, come da titolo avrei bisogno di capire come posso far comparire un elemento a sinistra e/o a destra dello screen all'avvicinarsi del mouse.

Ho immaginato la cosa così:

1) quando il mouse si avvicina al margine destro compare l'elemento a destra (un menu animato da un slide toggle);
2) quando mi allontano con il mouse dal margine destro verso la parte centrale dello screen l'elemento a destra scompare;
3) se mi riavvicino col mouse a destra l'elemento a destra ricompare, oppure se mi avvicino al margine sinistro, compare un altro elemento a sinistra che scomparirà non appena mi allontano da esso.

In pratica ho un elemento attivo a destra e a sinistra dello screen, mentre la parte centrale è una "zona morta".

Qualcuno ha qualche consiglio?

Grazie,
f

[ilsangue]

Risolto da me:

//trova distanze del mouse a sx e dx
function SxDx() {
 $("#wrapper").mousemove(function(e) {
	var wScreen = $(window).width();
	var offset = $(this).offset();
	//distanza del mouse a sx
	var relativeL = (e.pageX - offset.left);
	//distanza del mouse a dx
	var relativeR = (wScreen - relativeL);
	
	//alert(wScreen);
	//alert("left: " + relativeL + "  right: " + relativeR);
	
	if(relativeL<200){
		$("#menu").show();
	} else {
		$("#menu").hide();
	};
	
	if(relativeR<200){
		$(".icone").show();
	} else {
		$(".icone").hide();
	};
 });
};

$(window).resize(function() {
	resize();
	SxDx();
});
window.onload = function(){	
	resize();
	SxDx();
 };

Funziona, ma non so quanto sia buona questa soluzione: mi sembra che impegni molte risorse...