var divTitre
var DragLayer
var divX, divY
var div_tX, div_tY
var divClicked

function selectDiv(div){
	divClicked = div
}

for (i=0; i < dragLayers.length; i++){
	if (document.layers){
		DragLayer = eval("document."+dragLayers[i])
		DragLayer.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
	} else {
		DragLayer = document.all(dragLayers[i])
	}
	DragLayer.onmousedown = DRAG_begindrag;
	DragLayer.onmouseup = DRAG_enddrag;
}

function DRAG_begindrag(e){
	if (document.layers){
		if (e.which == 1){
			window.captureEvents(Event.MOUSEMOVE);
			
			if (divClicked == "atom0"){
				divY = document.atom0.pageY - e.pageY
				divX = document.atom0.pageX - e.pageX
				div_tY = document.title0.pageY - e.pageY
				div_tX = document.title0.pageX - e.pageX
			}
			if (divClicked == "atom1"){
				divY = document.atom1.pageY - e.pageY
				divX = document.atom1.pageX - e.pageX
				div_tY = document.title1.pageY - e.pageY
				div_tX = document.title1.pageX - e.pageX
			}
			if (divClicked == "atom2"){
				divY = document.atom2.pageY - e.pageY
				divX = document.atom2.pageX - e.pageX
				div_tY = document.title2.pageY - e.pageY
				div_tX = document.title2.pageX - e.pageX
			}
			if (divClicked == "atom3"){
				divY = document.atom3.pageY - e.pageY
				divX = document.atom3.pageX - e.pageX
				div_tY = document.title3.pageY - e.pageY
				div_tX = document.title3.pageX - e.pageX
			}
			if (divClicked == "atom4"){
				divY = document.atom4.pageY - e.pageY
				divX = document.atom4.pageX - e.pageX
				div_tY = document.title4.pageY - e.pageY
				div_tX = document.title4.pageX - e.pageX
			}
			if (divClicked == "atom5"){
				divY = document.atom5.pageY - e.pageY
				divX = document.atom5.pageX - e.pageX
				div_tY = document.title5.pageY - e.pageY
				div_tX = document.title5.pageX - e.pageX
			}
			if (divClicked == "atom6"){
				divY = document.atom6.pageY - e.pageY
				divX = document.atom6.pageX - e.pageX
				div_tY = document.title6.pageY - e.pageY
				div_tX = document.title6.pageX - e.pageX
			}
			if (divClicked == "atom7"){
				divY = document.atom7.pageY - e.pageY
				divX = document.atom7.pageX - e.pageX
				div_tY = document.title7.pageY - e.pageY
				div_tX = document.title7.pageX - e.pageX
			}
			
			window.onmousemove= DRAG_drag;
			DRAG_lastX = e.pageX;
			DRAG_lastY = e.pageY;
			DRAG_dragging = true;
			return false;
		} else { 
			return true;
		}
	} else {
	
		if (divClicked == "atom0"){
			divY = parseInt(document.all("atom0").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom0").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title0").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title0").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom1"){
			divY = parseInt(document.all("atom1").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom1").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title1").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title1").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom2"){
			divY = parseInt(document.all("atom2").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom2").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title2").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title2").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom3"){
			divY = parseInt(document.all("atom3").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom3").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title3").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title3").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom4"){
			divY = parseInt(document.all("atom4").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom4").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title4").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title4").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom5"){
			divY = parseInt(document.all("atom5").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom5").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title5").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title5").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom6"){
			divY = parseInt(document.all("atom6").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom6").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title6").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title6").style.left) - parseInt(window.event.x);
		}
		if (divClicked == "atom7"){
			divY = parseInt(document.all("atom7").style.top) - parseInt(window.event.y);
			divX = parseInt(document.all("atom7").style.left) - parseInt(window.event.x);
			div_tY = parseInt(document.all("title7").style.top) - parseInt(window.event.y);
			div_tX = parseInt(document.all("title7").style.left) - parseInt(window.event.x);
		}

		document.onmousemove= DRAG_drag;
		DRAG_lastX = window.event.x;
		DRAG_lastY = window.event.y;
		DRAG_dragging = true;
		return false;
	}
}

function DRAG_drag(e){
	if (DRAG_dragging) {
		if (document.layers){

			if (divClicked == "atom0"){
				document.atom0.top = e.pageY + divY;
				document.atom0.left = e.pageX + divX;
				document.title0.top = e.pageY + div_tY;
				document.title0.left = e.pageX + div_tX;
			}
			if (divClicked == "atom1"){
				document.atom1.top = e.pageY + divY;
				document.atom1.left = e.pageX + divX;
				document.title1.top = e.pageY + div_tY;
				document.title1.left = e.pageX + div_tX;
			}
			if (divClicked == "atom2"){
				document.atom2.top = e.pageY + divY;
				document.atom2.left = e.pageX + divX;
				document.title2.top = e.pageY + div_tY;
				document.title2.left = e.pageX + div_tX;
			}
			if (divClicked == "atom3"){
				document.atom3.top = e.pageY + divY;
				document.atom3.left = e.pageX + divX;
				document.title3.top = e.pageY + div_tY;
				document.title3.left = e.pageX + div_tX;
			}
			if (divClicked == "atom4"){
				document.atom4.top = e.pageY + divY;
				document.atom4.left = e.pageX + divX;
				document.title4.top = e.pageY + div_tY;
				document.title4.left = e.pageX + div_tX;
			}
			if (divClicked == "atom5"){
				document.atom5.top = e.pageY + divY;
				document.atom5.left = e.pageX + divX;
				document.title5.top = e.pageY + div_tY;
				document.title5.left = e.pageX + div_tX;
			}
			if (divClicked == "atom6"){
				document.atom6.top = e.pageY + divY;
				document.atom6.left = e.pageX + divX;
				document.title6.top = e.pageY + div_tY;
				document.title6.left = e.pageX + div_tX;
			}
			if (divClicked == "atom7"){
				document.atom7.top = e.pageY + divY;
				document.atom7.left = e.pageX + divX;
				document.title7.top = e.pageY + div_tY;
				document.title7.left = e.pageX + div_tX;
			}
			
			DRAG_lastX = e.pageX;
			DRAG_lastY = e.pageY;
		} else {
			
			if (divClicked == "atom0"){
				document.all("atom0").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom0").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title0").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title0").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom1"){
				document.all("atom1").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom1").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title1").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title1").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom2"){
				document.all("atom2").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom2").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title2").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title2").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom3"){
				document.all("atom3").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom3").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title3").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title3").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom4"){
				document.all("atom4").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom4").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title4").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title4").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom5"){
				document.all("atom5").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom5").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title5").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title5").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom6"){
				document.all("atom6").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom6").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title6").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title6").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			if (divClicked == "atom7"){
				document.all("atom7").style.top = window.event.y+document.body.scrollTop + divY;
				document.all("atom7").style.left = window.event.x+document.body.scrollLeft + divX;
				document.all("title7").style.top = window.event.y+document.body.scrollTop + div_tY;
				document.all("title7").style.left = window.event.x+document.body.scrollLeft + div_tX;
			}
			
		}
		return false;
	} else {
		return true;
	}
}

function DRAG_enddrag(e) {
	if (document.layers){
		if (e.which == 1) { 
			window.releaseEvents(Event.MOUSEMOVE); 
			window.onmousemove=null 
			DRAG_dragging=false; 
			return false; 
		} else { 
			/*Do any right mouse button processing here*/ 
			return true; 
		}
	} else {
		document.onmousemove=null 
		DRAG_dragging=false; 
		return false; 
	}
} 

function showTitle(titre){
hideTitle();
	for (i=0; i <=7; i++){
		if (document.layers){
			if (titre == "title0"){document.title0.visibility = "visible";}
			if (titre == "title1"){document.title1.visibility = "visible";}
			if (titre == "title2"){document.title2.visibility = "visible";}
			if (titre == "title3"){document.title3.visibility = "visible";}
			if (titre == "title4"){document.title4.visibility = "visible";}
			if (titre == "title5"){document.title5.visibility = "visible";}
			if (titre == "title6"){document.title6.visibility = "visible";}
			if (titre == "title7"){document.title7.visibility = "visible";}
		} else {
			if (titre == titles[i]){document.all(titles[i]).style.visibility = "visible";}
		}	
	}
}


function hideTitle(){
	for (i=0; i <=7; i++){
		if (document.layers){
			divTitre = eval("document."+titles[i])
			divTitre.visibility = "hidden"
		} else {
			document.all(titles[i]).style.visibility = "hidden"
		}	
	}
}

function showContent(content){
hideContent();
changePosition();
	for (i=0; i <=7; i++){
		if (document.layers){
			if (content == "content0"){document.content0.visibility = "visible";}
			if (content == "content1"){document.content1.visibility = "visible";}
			if (content == "content2"){document.content2.visibility = "visible";}
			if (content == "content3"){document.content3.visibility = "visible";}
			if (content == "content4"){document.content4.visibility = "visible";}
			if (content == "content5"){document.content5.visibility = "visible";}
			if (content == "content6"){document.content6.visibility = "visible";}
			if (content == "content7"){document.content7.visibility = "visible";}
		} else {
			if (content == contents[i]){document.all(contents[i]).style.visibility = "visible"}
		}	
	}
}

function hideContent(content){
	if (document.layers){
		if (content == "content0"){document.content0.visibility = "hidden";}
		if (content == "content1"){document.content1.visibility = "hidden";}
		if (content == "content2"){document.content2.visibility = "hidden";}
		if (content == "content3"){document.content3.visibility = "hidden";}
		if (content == "content4"){document.content4.visibility = "hidden";}
		if (content == "content5"){document.content5.visibility = "hidden";}
		if (content == "content6"){document.content6.visibility = "hidden";}
		if (content == "content7"){document.content7.visibility = "hidden";}
	} else {
		if (content == "content0"){document.all("content0").style.visibility = "hidden"}
		if (content == "content1"){document.all("content1").style.visibility = "hidden"}
		if (content == "content2"){document.all("content2").style.visibility = "hidden"}
		if (content == "content3"){document.all("content3").style.visibility = "hidden"}
		if (content == "content4"){document.all("content4").style.visibility = "hidden"}
		if (content == "content5"){document.all("content5").style.visibility = "hidden"}
		if (content == "content6"){document.all("content6").style.visibility = "hidden"}
		if (content == "content7"){document.all("content7").style.visibility = "hidden"}
	}

}

function changePosition(){
	if (document.layers){
		document.atom0.left = 560
		document.atom0.top = 20
		document.title0.left = 600
		document.title0.top = 50
		
		document.atom1.left = 600
		document.atom1.top = 100
		document.title1.left = 620
		document.title1.top = 150
		
		document.atom2.left = 600
		document.atom2.top = 200
		document.title2.left = 640
		document.title2.top = 240
		
		document.atom3.left = 590
		document.atom3.top = 300
		document.title3.left = 620
		document.title3.top = 350
		
		document.atom4.left = 50
		document.atom4.top = 20
		document.title4.left = 85
		document.title4.top = 50
		
		document.atom5.left = 30
		document.atom5.top = 100
		document.title5.left = 60
		document.title5.top = 140
		
		document.atom6.left = 20
		document.atom6.top = 200
		document.title6.left = 70
		document.title6.top = 240 
		
		document.atom7.left = 40
		document.atom7.top = 300
		document.title7.left = 85
		document.title7.top = 345
	} else {
		document.all("atom0").style.left = 560
		document.all("atom0").style.top = 20
		document.all("title0").style.left = 600
		document.all("title0").style.top = 50
		
		document.all("atom1").style.left = 600
		document.all("atom1").style.top = 100
		document.all("title1").style.left = 620
		document.all("title1").style.top = 150
		
		document.all("atom2").style.left = 600
		document.all("atom2").style.top = 200
		document.all("title2").style.left = 640
		document.all("title2").style.top = 240
		
		document.all("atom3").style.left = 590
		document.all("atom3").style.top = 300
		document.all("title3").style.left = 620
		document.all("title3").style.top = 350
		
		document.all("atom4").style.left = 50
		document.all("atom4").style.top = 20
		document.all("title4").style.left = 85
		document.all("title4").style.top = 50
		
		document.all("atom5").style.left = 30
		document.all("atom5").style.top = 100
		document.all("title5").style.left = 60
		document.all("title5").style.top = 140
		
		document.all("atom6").style.left = 20
		document.all("atom6").style.top = 200
		document.all("title6").style.left = 70
		document.all("title6").style.top = 240
		
		document.all("atom7").style.left = 40
		document.all("atom7").style.top = 300
		document.all("title7").style.left = 85
		document.all("title7").style.top = 345
	}
}

//  change the visibility of a layer
function setVisibility(layer,vis){
	if (document.layers){
		myLayer = eval("document."+layer)
		myLayer.visibility = vis
	}
	if (document.all){
		document.all(layer).style.visibility = vis
	}
}

//  opens a new window with different size depending on the name of the file
function LaunchMovie(url){
	myStr = new String();
	myStr = url

	if (myStr.indexOf('max')==10){
		newWin = window.open(url,'','width=311,height=269,toolbars=0,status=1,noresize;')
	} else if (myStr.indexOf('min')==10){
		newWin = window.open(url,'','width=156,height=143,toolbars=0,status=1,noresize;')
	} else {
		return false
	}
}

// getting the X,Y coordonates of the layers at the first stage
var atomX = new Array();
var atomY = new Array();
var titleX = new Array();
var titleY = new Array();


for (i=0 ; i <= dragLayers.length-1 ; i++){
	if (document.layers){
		theAtom = eval("document."+dragLayers[i])
		theTitle = eval("document."+titles[i])
		atomX[i] = theAtom.left
		atomY[i] = theAtom.top
		titleX[i] = theTitle.left
		titleY[i] = theTitle.top
	}
	if (document.all){
		atomX[i] = document.all(dragLayers[i]).style.left
		atomY[i] = document.all(dragLayers[i]).style.top
		titleX[i] = document.all(titles[i]).style.left
		titleY[i] = document.all(titles[i]).style.top
	}
}


function reset(){
	for (i=0 ; i <= dragLayers.length-1 ; i++){
		if (document.layers){	
			theAtom = eval("document."+dragLayers[i])
			theTitle = eval("document."+titles[i])
			theContent = eval("document."+contents[i])
			theContent.visibility = "hidden"
			theAtom.left = atomX[i]
			theAtom.top = atomY[i]
			theTitle.left = titleX[i]
			theTitle.top = titleY[i]
		}
		if (document.all){
			document.all(contents[i]).style.visibility = "hidden"
			document.all(dragLayers[i]).style.left = atomX[i]
			document.all(dragLayers[i]).style.top = atomY[i]
			document.all(titles[i]).style.left = titleX[i]
			document.all(titles[i]).style.top = titleY[i]
		}
	}
}