var x;
	var y;
	var x_vignette;
	var y_vignette;
	var width_vignette;
	var height_vignette;
	var width_curseur;
	var height_curseur;
	var position_vignette;
	var horloge;
	/**
	 * position
	 */		
	function position(e){
    x = Event.pointerX(e);
    y = Event.pointerY(e);
	}
	
	/**
	 * get_position_masque
	 */		
	function get_position_masque(pos_souris,pos_vignette,taille_vignette,taille_curseur,direction){
    
   // $("debug").innerHTML = pos_souris+' '+pos_vignette;
    
    // 
    if(pos_vignette){
      pos_souris = pos_souris-pos_vignette;
    }
    var pos_curseur = pos_souris-(taille_curseur/2);
    
    var pos_curseur_max = pos_souris+(taille_curseur/2);
    if ( ( pos_curseur) < 0 ){
			var position_curseur = "0";
		}else if((pos_souris-pos_vignette)>taille_vignette){
			var position_curseur = pos_vignette+taille_vignette-(taille_curseur/2);
		}else if(pos_curseur_max > taille_vignette){
      if(direction == 'vertical'){
        var position_curseur = pos_vignette-(taille_curseur);
      }else{
        var position_curseur = pos_vignette;
      }
		}else{
			var position_curseur = pos_curseur;
		}
		return  position_curseur;
	}


  function positionne (){
    var  position_x_curseur = get_position_masque (x,position_vignette[0],width_vignette,width_curseur,'horizontal');
		curseur_style.left = position_x_curseur+"px";
		var position_y_curseur = get_position_masque (y,position_vignette[1],height_vignette,height_curseur,'vertical');
		curseur_style.top = position_y_curseur+"px";
		$("zoom").style.backgroundPosition = (position_x_curseur)*-ratio+"px "+(position_y_curseur)*-ratio+"px";
		
		
  }
  
	/**
	 * masque
	 */		
	function masque() {
    positionne();
		horloge = setTimeout("masque()",50);
		
	}
	
	/**
	 * TrouvePosition
	 */			
	function TrouvePosition(obj) {
		var curleft = obj.offsetLeft || 0;
		var curtop = obj.offsetTop || 0;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
		return {x:curleft,y:curtop};
	}
	
	/**
	 * init
	 */		
	function init(){
    //
 	  position_vignette = Position.cumulativeOffset($('vignette'));
    width_vignette 	= 	$("vignette").clientWidth ;
    height_vignette =	  $("vignette").clientHeight;
    width_curseur 	= 	$("curseur").clientWidth  ;
    height_curseur  =	  $("curseur").clientHeight ;
    $('image').observe('mouseover',start);
    $('image').observe('mouseout',stop);
    Event.observe(document,'mousemove',position);
	}

	/**
	 * zoneActive ! pas utilisé
	 */		
	function zoneActive(){
    
    var retour = true;
    if (x<position_vignette[0]){
      retour = false;
    }
    if (x>(position_vignette[0]+width_vignette)){
      retour = false;
    } 
    if(y<position_vignette[1]){
      retour = false;
    }       
    if(y>(position_vignette[1]+height_vignette)){
      retour = false;
    }
  
    return retour;
    
    
	}
	
	/**
	 * start
	 */	
	function start(){
     

      Event.stopObserving('vignette','mouseover');
      
      $('vignette').observe('mouseover',masque); 
      
      curseur_style = $("curseur").style;
      $('zoom').style.display = 'block';
      positionne();
      $('curseur').style.visibility = 'visible';
      
     

	}
	/**
	 * stop
	 */
  function stop(){
      //Event.stopObserving(document,'mousemove');
      clearTimeout(horloge);
      $('zoom').style.display = 'none';
      $('curseur').style.visibility = 'hidden';
	}	
	
  Event.observe(window,'load',init);
  Event.observe(window,'resize',init);
  
  
  /**
   * change_photo
   */
  function change_photo(image_hd){
  
    // script ajax
     new Ajax.Updater('conteneur_zoom', '/modules/zoom/ajax/zoom_ajax.php', {parameters: { f_image_hd: image_hd },evalScripts:true});

  }