function getOffsetPosition(ele,whatpos)
{
	var pos=0;
	var postype = 'ele.offset' + whatpos;
	while( ele && ele.tagName.toLowerCase() != 'body' )
	{
		pos		+= eval(postype)
		ele	 = ele.offsetParent;
	}
	return (pos);
}


function ShowVignette(menuname,posname,decX,decY,vis)
{
	var posX = 0;
	var posY = 0;

	if (document.getElementById(menuname) && document.getElementById(posname))
	{
		posX = getOffsetPosition(document.getElementById(posname),'Left');
		posY = getOffsetPosition(document.getElementById(posname),'Top');
	
		document.getElementById(menuname).style.left=posX+decX;
		document.getElementById(menuname).style.top=posY+decY;
	
		if (vis)
			document.getElementById(menuname).style.visibility=vis;
		else
			if (document.getElementById(menuname).style.visibility=='visible')
				document.getElementById(menuname).style.visibility='hidden';
			else
				document.getElementById(menuname).style.visibility='visible';

		if (document.getElementById("sel"+posname))
		{
			if (document.getElementById(menuname).style.visibility=='visible')
				document.getElementById("sel"+posname).style.visibility='hidden';
			else
				document.getElementById("sel"+posname).style.visibility='visible';
			
		}

	}
	
}

function SwapDiv(divname,mode)
{
	var lemode = "";
	if (!mode)
		lemode = "display";
	else
		lemode="visibility";
	if (document.getElementById(divname))
	{
		if (lemode=="display")
		{
			if (document.getElementById(divname).style.display=='block')
				document.getElementById(divname).style.display='none';
			else
				document.getElementById(divname).style.display='block';
		}	
		if (lemode=="visibility")
		{
			if (document.getElementById(divname).style.visibility=='visible')
				document.getElementById(divname).style.visibility='hidden';
			else
				document.getElementById(divname).style.visibility='visible';
		}	
	}
}


function ShowImage(menuname,posname,decX,decY,vis)
{
	var posX = 0;
	var posY = 0;

	if (document.getElementById(menuname) && document.getElementById(posname))
	{
		posX = getOffsetPosition(document.getElementById(posname),'Left')+decX;
		posY = getOffsetPosition(document.getElementById(posname),'Top')+decY;
	
		document.getElementById(menuname).style.left=posX;
	
	
		if (posY-parseInt(document.getElementById(menuname).offsetHeight/2)-document.body.scrollTop-10 > 0)
		{
			if (posY+parseInt(document.getElementById(menuname).offsetHeight/2)-document.body.scrollTop > document.body.clientHeight-10)
			{
				document.getElementById(menuname).style.top=parseInt(document.body.clientHeight)+parseInt(document.body.scrollTop)-parseInt(document.getElementById(menuname).offsetHeight)-10;//-10
			}
			else
			{
				document.getElementById(menuname).style.top=posY-parseInt(document.getElementById(menuname).offsetHeight/2);
			}
		}
		else
		{
			document.getElementById(menuname).style.top=document.body.scrollTop+10;//+10
		}
		document.getElementById(menuname).style.visibility=vis;
		if (vis == 'visible')
		{
			document.getElementById(posname).src='/shared/images/boutons/add_photo_on.gif';
		}
		else
		{
			document.getElementById(posname).src='/shared/images/boutons/add_photo.gif';
		}
		

	}
}