function changeBackground(Element,Img)
{
var CurrentElement = document.getElementById(Element);
CurrentElement.style.backgroundImage="url("+Img+")";
}

	function position(evt,container,width,height)
	{
 	var posx, posy;
  	var div=document.getElementById(container);
    var posScroll=document.body.scrollTop;
	var decal=0;
	var _marginLeft=0;

	_marginLeft=width/2;
	div.style.marginLeft="-"+_marginLeft+"px";

	var navigateur=(navigator.appName.substring(0,3)).toUpperCase();
		if (navigateur=="NET")
		{
		var scrollY=document.body.scrollTop;
		var scrollX=document.body.scrollLeft;
		var _ScreenWidth = document.width;
		var realWidth=document.documentElement.offsetWidth;
		posx = _ScreenWidth-width;
				if ((posx+width > realWidth) && (realWidth<width))
				{
				var newPosition=(width/2)+10;
				div.style.left=newPosition + "px";
				}
				else if(posx<0)
				{
				var newPosition=(width/2)+10;
				div.style.left=newPosition + "px";	
				}
				else
				{
				div.style.left=posx+"px";
				}
		
		posy = evt.pageY;
		div.style.top= posy-(height/2)+"px";
		}
			else if (navigateur=="MIC")
			{
			
			var e = window.event; 
			var scrollY=document.documentElement.scrollTop;
			var scrollX=document.documentElement.scrollLeft;
			var _ScreenWidth = screen.width;
			var realWidth=document.documentElement.offsetWidth
			posx = _ScreenWidth-width;
			var realWidth=document.documentElement.offsetWidth;
			
				if (posx + width > realWidth)
				{
				div.style.left=width/2;
				
				}
				else
				{
				div.style.left=posx;
				
				}
			posy = event.clientY+scrollY;
				div.style.top=posy-(height/2);
			}
				else
				{
				
				var scrollY=document.body.scrollTop;
				var scrollX=document.body.scrollLeft;
				var _ScreenWidth = screen.width;
				/*posx = evt.pageX;
					div.style.left=posx+(width/2)+30;
					if (posx+width>screen.width)
					{
					div.style.left=posx-(width/2)-30;
					}*/
					div.style.left=_ScreenWidth-width+"px";
				posy = evt.pageY;
				var _pos=posy-(height/2);
				div.style.top=_pos+"px";
				//alert(div.style.top+" // "+_pos);
				}
}

function showZoom(container,CurrentPhoto,RefPhoto,Location)
{
	var Div=document.getElementById(container);
	var Ref=document.getElementById('RefPhoto');
	Div.style.visibility="visible";
	Ref.innerHTML=RefPhoto;
	var _content = document.getElementById('Img');
		var xhr=null;
		
		if (window.XMLHttpRequest)
		{ 
			xhr = new XMLHttpRequest();
		}
			else if (window.ActiveXObject) 
			{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
				xhr.onreadystatechange = function()
				{
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if (xhr.readyState == 4)
					{
					var tbl = xhr.responseText;
					_content.innerHTML="";
					_content.style.backgroundImage="url('"+tbl+"')";
					}
						else
						{
						_content.innerHTML="Chargement de la photo";
						}
				}
		xhr.open("POST", Location+"Ajax/ajaxPhotos.php", true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=UTF-8');
		xhr.send("action=Load&Location="+Location+"&CurrentPhoto="+CurrentPhoto);	
	
}

function rotatePhoto(Location,Direction)
{

	var _content = document.getElementById('Img');
	var CurrentPhoto=_content.style.backgroundImage.substring(_content.style.backgroundImage.indexOf("=",0)+1,_content.style.backgroundImage.length-1);
	CurrentPhoto = CurrentPhoto.replace("'","");

	_content.style.backgroundImage="";
	var xhr=null;		
		if (window.XMLHttpRequest)
		{ 
			xhr = new XMLHttpRequest();
		}
			else if (window.ActiveXObject) 
			{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
				xhr.onreadystatechange = function()
				{
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if (xhr.readyState == 4)
					{
					var tbl = xhr.responseText;
					_content.innerHTML="";
					//alert(tbl);
					_content.style.backgroundImage="url('"+tbl+"')";
					}
						else
						{
						_content.innerHTML="Rotation de la photo en cours";
						
						}
				}
		xhr.open("POST", Location+"Ajax/ajaxPhotos.php", true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=UTF-8');
		xhr.send("action=Rotate&Location="+Location+"&CurrentPhoto="+CurrentPhoto+"&Direction="+Direction);	
}
function initializeZoom(container)
{
document.getElementById(container).style.visibility="hidden";
document.getElementById('Img').style.backgroundImage="";

}

function positionZoom(evt,container)
	{

 	var posx, posy;
  	var div=document.getElementById(container);
	var width=500;
	var height=450;
    var posScroll=document.body.scrollTop;
	var decal=0;
	var _marginLeft=0;
	_marginLeft=width/2;
	div.style.marginLeft="-"+_marginLeft+"px";

	var navigateur=(navigator.appName.substring(0,3)).toUpperCase();
		if (navigateur=="NET")
		{
		var scrollY=document.body.scrollTop;
		var scrollX=document.body.scrollLeft;
		posx = evt.pageX+scrollX;
			div.style.left=posx+(width/2)+30+"px";
			if (posx+width>screen.width)
			{
			div.style.left=posx-(width/2)-30+"px";
			}
		posy = evt.pageY+scrollY;
		div.style.top=posy-(height/2)+"px";
		
		}
			if (navigateur=="MIC")
			{

			var e = window.event; 
			var scrollY=document.documentElement.scrollTop;
			var scrollX=document.documentElement.scrollLeft;

			posx = event.clientX+scrollX;
			div.style.left=posx+(width/2)+30;
			if (posx+width>screen.width)
			{
			div.style.left=posx-(width/2)-30;
			}
			posy = event.clientY+scrollY;
			div.style.top=posy-(height/2);
			
			}
				else
				{
				
				var scrollY=document.body.scrollTop;
				var scrollX=document.body.scrollLeft;
				
				posx = evt.pageX;
					div.style.left=posx+(width/2)+30;
					if (posx+width>screen.width)
					{
					div.style.left=posx-(width/2)-30;
					}
				posy = evt.pageY;
				var _pos=posy-(height/2);
				div.style.top=_pos+"px";
				//alert(div.style.top+" // "+_pos);
				}
}
function controlFrm(Url)
{
	var frm=document.forms['frmCommande'];
	if (frm.Mode_paiement[1].checked)
	{
		if (frm.Mode_paiement.value=="CHQ")
		{
			alert ("Numéro de chèque obligatoire");
			return false;
		}
		else
		{
			location.href=Url;
		}
	}
	
}

function positionGeneral(evt,container,width,height)
	{
 	var posx, posy;
  	var div=document.getElementById(container);
    var posScroll=document.body.scrollTop;
	var decal=0;
	var _marginLeft=0;

	_marginLeft=width/2;
	div.style.marginLeft="-"+_marginLeft+"px";

	var navigateur=(navigator.appName.substring(0,3)).toUpperCase();
		if (navigateur=="NET")
		{
		var scrollY=document.body.scrollTop;
		var scrollX=document.body.scrollLeft;
		var _ScreenWidth = document.width;
		var realWidth=document.documentElement.offsetWidth;
		posx = evt.pageX;
		div.style.left=posx+(width/2)+30+"px";
		
		posy = evt.pageY;
		div.style.top= posy-(height/2)+"px";
		}
			else if (navigateur=="MIC")
			{
			
			var e = window.event; 
			var scrollY=document.documentElement.scrollTop;
			var scrollX=document.documentElement.scrollLeft;
			var _ScreenWidth = screen.width;
			var realWidth=document.documentElement.offsetWidth
			posx = event.clientX+scrollX;
			div.style.left=posx+(width/2)+30;

			posy = event.clientY+scrollY;
			div.style.top=posy-(height/2);
			}
				else
				{
				
				var scrollY=document.body.scrollTop;
				var scrollX=document.body.scrollLeft;
				var _ScreenWidth = screen.width;
				/*posx = evt.pageX;
					div.style.left=posx+(width/2)+30;
					if (posx+width>screen.width)
					{
					div.style.left=posx-(width/2)-30;
					}*/
					div.style.left=_ScreenWidth-width+"px";
				posy = evt.pageY;
				var _pos=posy-(height/2);
				div.style.top=_pos+"px";
				//alert(div.style.top+" // "+_pos);
				}
}