var tour=1    // important
var dde=document.documentElement;
var dido='video'

<!-- c ici ke ça se passec pour changer les vdo sans le point flv -->

var tbv=new Array('etalagiste','maitre-chien','vendeur-magasin','paillage','    ')
onload=init_drag

function init_drag(){
var allElements = document.getElementById('dc').getElementsByTagName('img'); 
for (var i = 0; i< allElements.length; i++) {
bou=allElements[i].id;
document.getElementById(bou).style.cursor='move';
if(navigator.appName.substring(0,5)=="Micro"){
document.getElementById(bou).attachEvent ("onmousedown", function(){sp(event)});
eval('document.getElementById(bou).attachEvent ("onmousedown", function(){dido="'+tbv[i]+'"})');
document.getElementById(bou).attachEvent('onmouseup', function(){tour=2});
}
else{
document.getElementById(bou).setAttribute("onmousedown","sp(event);dido='"+tbv[i]+"'");
}
}
}

function disableselecte(e){
return false;
}
function enableselecte(e){
return true;
}

function tarto(s) {
if(navigator.vendor){
ddem=document.documentElement.lastChild;
}
else{
ddem=document.documentElement;
}
if(navigator.appName.substring(0,3)=="Net"){
setX = s.clientX+ddem.scrollLeft;
setY = s.clientY+ddem.scrollTop;
}
else{
setX = event.clientX+ddem.scrollLeft;
setY = event.clientY+ddem.scrollTop;
return false;
}
}
if(navigator.appName.substring(0,3)!="Mic"){
document.documentElement.addEventListener("mousemove", tarto, false);
}

function sp(celi){
if(tour==2){
var vivi=document.getElementById('diovi');
var dodo=document.getElementById('ct');
if((setX>=dodo.offsetLeft&&setX<=vivi.offsetLeft+vivi.offsetWidth)&&(setY>=dodo.offsetTop&&setY<=dodo.offsetTop+dodo.offsetHeight)){
insert(dido);
}
document.getElementById('drope').parentNode.removeChild(document.getElementById('drope'));
if(navigator.appName.substring(0,3)=="Mic"){
dde.detachEvent('onmousemove', tarto);

}
document.onmousedown=enableselecte;
tour=1;
return false;
}
if(tour==1){
if(navigator.appName.substring(0,3)=="Mic"){
dde.attachEvent('onmousemove', tarto);
setX=event.x;
setY=event.y;
nomid=event.srcElement.id;
}
else{
nomid=celi.currentTarget.id;
}
px=setX;
py=setY;
tour=0;
lanodeclone=document.getElementById(nomid).cloneNode(true);
lanodeclone.setAttribute("id",'drope');
drop=dde.lastChild.appendChild(lanodeclone);
drop.style.position='absolute';
if(navigator.appName.substring(0,3)!="Mic"){
drop.style.top=document.getElementById(nomid).offsetTop+document.getElementById('ct').offsetTop-document.getElementById('dc').scrollTop+'px';
drop.style.left=document.getElementById(nomid).offsetLeft+document.getElementById('ct').offsetLeft+'px';
drop.style.opacity = 0.5;
drop.onmouseup=function(){tour=2};
} 
else{ 
drop.style.top=py-(document.getElementById(nomid).offsetHeight/2)+'px';
drop.style.left=px-(document.getElementById(nomid).offsetWidth/2)+'px';
drop.style.filter = 'alpha(opacity=50)';
}
document.onmousedown=disableselecte;
}
drop.style.left=(drop.offsetLeft+setX-px)+'px';
drop.style.top=(drop.offsetTop+setY-py)+'px';
px=setX;
py=setY;
setTimeout(sp,10);
}

function insert(choixvideo){
var vidio='<embed src="mediaplayer.swf" allowscriptaccess="always" wmode="transparent" allowfullscreen="true" flashvars=id=lec1&"height=200&width=280&file=videos/'+choixvideo+'.flv&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0x000000&screencolor=0x000000&volume=50&showstop=true&autostart=true&showdownload=false&autoscroll=true&repeat=true&shuffle=true&startImage=images/boulanger.jpg"/>';
document.getElementById('diovi').innerHTML = vidio;
}