var timeout;

function getPos ( ele )
{
	var obj = ele;

	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	else if (obj.x)
	{
		curleft += obj.x;
		curtop += obj.y;
	}

	return {x:curleft, y:curtop}
}

function getScrollPosition()
{
    return Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
}


function lancerPreview(bouton, photo)
{
	div = document.getElementById("divPreview");
	var pos = getPos(bouton);

	scrollpos = getScrollPosition();
	//alert(getScrollPosition());

	posTop = pos.y-125-scrollpos[1];

	if (posTop+270>window.innerHeight)
	{
		posTop=window.innerHeight-270;
	}
	
	div.style.left = (pos.x + 30) + "px";
	div.style.top = (posTop) + "px";
	
	document.getElementById("imgPreview").src = "http://www.lamaisondelaviolette.com/produits/"+photo;
	timeout = setTimeout (affPreview, 500); 
}

function arreterPreview()
{
	clearTimeout(timeout); 
	fermerPreview();
}

function affPreview()
{
	document.getElementById("divPreview").style.visibility = "visible";
}

function fermerPreview()
{
	document.getElementById("divPreview").style.visibility = "hidden";
}