// fonction parallax
function parallaxEffect() {
// lorsque le curseur de la souris se déplace dans la zone BODY
$("body").mousemove(function(elem){
// on déplace pour chaque calque le fond d'image de droite à gauche selon le mouvement de la sours
// c'est le coefficient multiplicateur différent d'un calque à l'autre qui rends cet effet de parallax
$("#frontvines").css({ backgroundPosition: (elem.clientX * 1.1) + 'px 0px'});
$("#midvines").css({ backgroundPosition: (elem.clientX * 0.4) + 'px 0px'});
$("#rearvines").css({ backgroundPosition: (elem.clientX * 0.3) + 'px 0px'});
$("body").css({ backgroundPosition: (elem.clientX * 0.2) + 'px 0px'});
});
}

// variable regroupant les navigateurs IE antérieur à la version 7
var old_ie = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent);

// au chargement de la page
$(document).ready(function(){
// on exclu les anciens navigateurs IE (pour cette fois seulement ;) )
if ( !old_ie ) {
parallaxEffect();
}
});