var objet_selec_Img1;
var selec_Img1,selec_Img2;
var ref_obj1;
var ref_cadre1;
var X,Y,X1,Y1; 
var contenu1;
var contenu2;
var relache=0;

function appuie_mouse(ev)
{
if (relache==0)
{
if ((document.getElementById )&&(!document.all))
{obj=ev.target;}
if (document.all)
	{obj=event.srcElement;}
	
if ((obj.parentNode.tagName!="A")&&(obj.tagName=="IMG"))
{
if (document.all)
	{
	X=event.offsetX;
	Y=event.offsetY;
	X1=event.clientX;
	Y1=event.clientY;
	}
	else if ((document.getElementById )&&(!document.all))
		{
		X1=parseInt(ev.clientX);
 		Y1=parseInt(ev.clientY);
		X=parseInt(ev.layerX);
		Y=parseInt(ev.layerY);
		}
	ref_obj1=obj.parentNode.id;
	ref_cadre1=obj.parentNode.parentNode;
	contenu1=ref_cadre1.innerHTML;
	ref_cadre1.innerHTML="";
	document.getElementById('transport').innerHTML=contenu1;
	objet_selec_Img1=document.getElementById(ref_obj1);
	selec_Img1=objet_selec_Img1.style;
	
	selec_Img1.left=X1-X+"px" ;
 	selec_Img1.top=Y1-Y +"px";
	selec_Img1.zIndex=+5;
	relache=1;
}
}	

}

function deplace_mouse(ev)
{
if ((document.getElementById )&&(!document.all))
	{event=ev;}

if (selec_Img1) 
{
	if (((event.clientX>=20)&&(event.clientX<screen.width-50))&&((event.clientY>=20)&&(event.clientY<screen.height-100)))
	{
 	selec_Img1.left = parseInt(event.clientX)-X +"px";
 	selec_Img1.top = parseInt(event.clientY)-Y+"px";
	}
 return false;
}
}
function relache_mouse(ev)
{
if ((document.getElementById )&&(!document.all))
	{event=ev;}
if (selec_Img1)
{
selec_Img1.zIndex=-1;
document.onmouseover=change_photo;
}
}


function change_photo(ev)
{
if ((document.getElementById )&&(!document.all))
	{obj=ev.target;
	var fond=true;}
if (document.all)
	{obj=event.toElement;
	var fond=((obj.parentNode.parentNode.id!='transport') ? true:false);}

if ((obj!=null)&&(fond==true))
{
if ((selec_Img1)&&((obj.tagName=="IMG")||((obj.parentNode.id=="gal")||(obj.tagName=="BODY")||(obj.tagName=="HTML"))))
{
if ((obj.tagName=="IMG")||(obj.parentNode.id=="gal"))
{
	
	document.getElementById('transport').innerHTML="";
		//-->si la case destination contient IMG//
	if((obj.tagName=="IMG")&&(obj.parentNode.parentNode!=null))
		{
		
		selec_Img2=obj.parentNode.parentNode;
		//échanger cette image avec l'IMG délacée//
		contenu2=selec_Img2.innerHTML;
		ref_cadre1.innerHTML=contenu2;
		}
	//--> si case destination vide//
	else if(obj.parentNode.id=="gal")
		{selec_Img2=obj;
		}
	//copie l'iMG déplacée dans case destination//
		selec_Img2.innerHTML=contenu1;
	
	if (ref_cadre1.parentNode.id=="depot")
		{suppr_espace();
		}		
}
	//poser l'IMG sur les cotés//
else if ((obj.tagName=="BODY")||(obj.tagName=="HTML"))
	{
	suppr_espace();
	document.getElementById('transport').innerHTML="";
	document.getElementById('depot').innerHTML+='<div style="height:10px">'+contenu1+'</div>';
	if(document.getElementById('suppr').style.display=="none")
	{document.getElementById('suppr').style.display="block"}
	}
document.onmouseover=null;
selec_Img1=null;
selec_Img2=null;
contenu1=null;
contenu2=null;
objet_selec_Img1=null;
relache=0;
}
}
else
{relache_mouse();
}
}

function suppr_espace()
{
var cadre;
var espace;
if (ref_cadre1.parentNode.id=="depot")
{cadre="depot";
espace='<div style="height: 10px;"></div>';
if (document.all)
{espace='<div style="height: 10px"></div>';}
}
else if (ref_cadre1.parentNode.id=="collec")
{cadre="collec";
espace='<DIV class="photo2"></DIV>';
if (document.all)
	{espace='<DIV CLASS=photo2></DIV>';}
}
if ((ref_cadre1.parentNode.id=="depot")||(ref_cadre1.parentNode.id=="collec"))
{contenu_depot=new String(document.getElementById(cadre).innerHTML);
var reg=new RegExp(espace, "gi");
contenu_depot=contenu_depot.replace(reg,"");
document.getElementById(cadre).innerHTML=contenu_depot;

}
}

function bouge()
{
document.onmousedown = appuie_mouse;
document.onmousemove = deplace_mouse;
document.onmouseup = relache_mouse;
}

function aff_p3(ii)
{
if (ii<11)
{
document.getElementById("Tcharge").style.width=430-(ii*31)+"px";
document.getElementById("Tcharge").style.left=624+(ii*30.5)+"px";
ii+=1;
setTimeout('aff_p3('+ii+')',200);}
document.getElementById("Tcharge").style.zIndex=0;
}

function stop_bouge()
{
document.onmousedown = null;
document.onmousemove = null;
document.onmouseup = null;
}