this.imagePreview = function(){
		xOffset = 400;
		yOffset = 480;
	$("a.preview").hover(function(e) {
    if (!e)
      var e = window.event;

    var annonceElem = e.target.parentNode.parentNode.parentNode;
    annonceElem.id = 'annonceSelected';
    
    if (window.innerHeight)
      var webpageHeight = window.innerHeight;
    else
      var webpageHeight =  document.documentElement.clientHeight;
    
    if ((e.pageY - document.documentElement.scrollTop) < webpageHeight/2) {
      var imageHaut = false;
      xOffset = getElementTop(annonceElem) + 10 + $("#annonceSelected").height();
    } else {
      var imageHaut = true;
      xOffset = getElementTop(annonceElem) - 10;
    }
    
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",xOffset - ((imageHaut) ? $("#preview").height() : 0) + "px")
			.css("left",yOffset + "px")
			.fadeIn(200);						
  },
	function(){
		this.title = this.t;
      $("#preview").remove();
      $("#annonceSelected").removeAttr("id");
  });	
};

function getElementTop(p_elm) {
  var y = 0;
  var elm;
  if(typeof(p_elm) === "object"){
    elm = p_elm;
  } else {
    elm = document.getElementById(p_elm);
  }
  while (elm !== null) {
    y += elm.offsetTop;
    elm = elm.offsetParent;
  }
  return parseInt(y, 10);
}

function getElementHeight(p_elm) {
  var elm;
  if(typeof(p_elm) === "object"){
    elm = p_elm;
  } else {
    elm = document.getElementById(p_elm);
  }
  return parseInt(elm.offsetHeight);
}
