var bV=parseInt(navigator.appVersion);
var myBrowser = navigator.appName;
NS4=(document.layers) ? true : false;
IE4=((document.all)&&(bV>=4))?true:false;
ver4 = (NS4 || IE4) ? true : false;
NS6=(((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) > 4 )))

var upH = 9;
var upW = 9;
var downH = 9;
var downW = 9;
var dragH = 9;
var dragW = 9;

if (TypeTexte=="long") scrollH = 429;
	else scrollH = 214;
var speed = 10;

var dom = document.getElementById ? true:false;
var nn4 = document.layers ? true:false;
var ie4 = document.all ? true:false;

var mouseY;
var mouseX;

var clickUp = false;
var clickDown = false;
var clickDrag = false;
var clickAbove = false;
var clickBelow = false;

var timer = setTimeout("",500);
var upL, upT, downL, downT, dragL, dragT, rulerL, rulerT, contentT,contentH, contentClipH, contentClipT, contentClipL, scrollLength, startY;

var derivationX, derivationY;
var cadreW = 970;

function down(e){
	getMouse(e);
	if((document.layers && e.which!=1) || (document.all && event.button!=1)) return true;
	getMouse(e);
	startY = (mouseY - dragT);
	if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){
		clickUp = true;
		return scrollUp();
	}	else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){
		clickDown = true;
		return scrollDown();
	} else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){
		clickDrag = true;
		return false;
	}	else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){
		if(mouseY < dragT) {
			clickAbove = true;
			clickUp = true;
			return scrollUp();
		}	else {
			clickBelow = true;
			clickDown = true;
			return scrollDown();
		}
	}	else {
		return true;
  }
}

function scrollme(e) {
	getMouse(e);
	if(mouseX >= contentClipL && (mouseX <= (downL + downW)) && mouseY >= contentClipT && (mouseY <= (downT + downH))){
		if (event.wheelDelta >= 120) {
			clickUp = true;
			scrollUp();
			scrollUp();
			clickUp = false;
		} else if (event.wheelDelta <= -120) {
			clickDown = true;
			scrollDown();
			scrollDown();
			clickDown = false;
		}
	}
}

function move(e){
	getMouse(e);
	if(clickDrag && contentH > contentClipH){
		dragT = (mouseY - startY);
		if(dragT < (rulerT))
			dragT = rulerT;
		if(dragT > (rulerT + scrollH - dragH))
			dragT = (rulerT + scrollH - dragH);
		contentT = ((dragT - rulerT)*(1/scrollLength));
		contentT = eval('-' + contentT);
		moveTo();
		if(ie4)
			return false;
	}
}

function up(){
	clearTimeout(timer);
	clickUp = false;
	clickDown = false;
	clickDrag = false;
	clickAbove = false;
	clickBelow = false;
	return true;
}

function getT(){
	if(ie4)
		contentT = document.all.content.style.pixelTop;
	else if(nn4)
		contentT = document.contentClip.document.content.top;
	else if(dom)
		contentT = parseInt(document.getElementById("content").style.top);
}

function getMouse(e){
	if(ie4){
		mouseY = event.clientY + document.body.scrollTop;
		mouseX = event.clientX + document.body.scrollLeft;
	}
	else if(nn4 || dom){
		mouseY = e.pageY;
		mouseX = e.pageX;
	}
}

function moveTo(){
	if(ie4){
		document.all.content.style.top = contentT;
		document.all.ruler.style.top = dragT;
		document.all.drag.style.top = dragT;
	} else if(nn4){
		document.contentClip.document.content.top = contentT;
		document.ruler.top = dragT;
		document.drag.top = dragT;
	}	else if(dom){
		document.getElementById("content").style.top = contentT + "px";
		document.getElementById("drag").style.top = dragT + "px";
		document.getElementById("ruler").style.top = dragT + "px";
	}
}

function scrollUp(){
	getT();
	if(clickAbove){
		if(dragT <= (mouseY-(dragH/2))) {
			return up();
		}
	}
	if(clickUp){
		if(contentT < 0){
			dragT = dragT - (speed*scrollLength);

			if(dragT < (rulerT))
				dragT = rulerT;

			contentT = contentT + speed;
			if(contentT > 0)
				contentT = 0;

			moveTo();
			timer = setTimeout("scrollUp()",25);
		}
	}
	return false;
}

function scrollDown(){
	getT();
	if(clickBelow){
		if(dragT >= (mouseY-(dragH/2))) {
			return up();
		}
	}
	if(clickDown){
		if(contentT > -(contentH - contentClipH)){
			dragT = dragT + (speed*scrollLength);
			if(dragT > (rulerT + scrollH - dragH))
				dragT = (rulerT + scrollH - dragH);

			contentT = contentT - speed;
			if(contentT < -(contentH - contentClipH))
				contentT = -(contentH - contentClipH);

			moveTo();
			timer = setTimeout("scrollDown()",25);
		}
	}
	return false;
}

function reloadPage(){
	location.reload();
}

backgroundDerivation = 0;

function eventLoader(locator){
	var diffleft = 0;
	var difftop = 0;
	var placement=0;

	diffleft = LeftCorner();
	difftop = TopCorner();

	if(ie4){
		if(is_ie5up && is_mac) {
			if(placement==0){
					document.all.up.style.pixelLeft = parseInt(document.all.up.style.pixelLeft) + diffleft;
					document.all.up.style.pixelTop = parseInt(document.all.up.style.pixelTop) + difftop;
					document.all.down.style.pixelLeft = parseInt(document.all.down.style.pixelLeft) + diffleft;
					document.all.down.style.pixelTop = parseInt( document.all.down.style.pixelTop) + difftop;
					document.all.drag.style.pixelLeft = parseInt(document.all.drag.style.pixelLeft) + diffleft;
					document.all.drag.style.pixelTop = parseInt(document.all.drag.style.pixelTop) + difftop;
					document.all.ruler.style.pixelTop = parseInt(document.all.ruler.style.pixelTop) + difftop;
					placement++;
				}
		}

		upL = document.all.up.style.pixelLeft;
		upT = document.all.up.style.pixelTop;

		downL = document.all.down.style.pixelLeft;
		downT = document.all.down.style.pixelTop;

		dragL = document.all.drag.style.pixelLeft;
		dragT = document.all.drag.style.pixelTop;

		rulerT = document.all.ruler.style.pixelTop;

		contentH = parseInt(document.all.content.scrollHeight);
		contentClipH = parseInt(document.all.contentClip.style.height);
		contentClipL = parseInt(document.all.contentClip.style.left);
		contentClipT = parseInt(document.all.contentClip.style.top);

	}	else if(nn4){
		// Up-arrow X and Y variables
		upL = document.up.left;
		upT = document.up.top;
		// Down-arrow X and Y variables
		downL = document.down.left;
		downT = document.down.top;
		// Scrollbar X and Y variables
		dragL = document.drag.left;
		dragT = document.drag.top;
		// Ruler Y variable
		rulerT = document.ruler.top;
		// Height of content layer and clip layer
		contentH = document.contentClip.document.content.clip.bottom;
		contentClipH = document.contentClip.clip.bottom;
		contentClipL = document.contentClip.clip.left;
		contentClipT = document.contentClip.clip.top;
	}	else if(dom){
		upL = parseInt(document.getElementById("up").style.left);
		upT = parseInt(document.getElementById("up").style.top);
		downL = parseInt(document.getElementById("down").style.left);
		downT = parseInt(document.getElementById("down").style.top);
		dragL = parseInt(document.getElementById("drag").style.left);
		dragT = parseInt(document.getElementById("drag").style.top);
		rulerT = parseInt(document.getElementById("ruler").style.top);
		contentH = parseInt(document.getElementById("content").offsetHeight);
		contentClipH = parseInt(document.getElementById("contentClip").offsetHeight);
		contentClipL = parseInt(document.getElementById("contentClip").style.left);
		contentClipT = parseInt(document.getElementById("contentClip").style.top);
		document.getElementById("content").style.top = 0 + "px";
	}
	scrollLength = ((scrollH-dragH)/(contentH-contentClipH));
}

function detect() {
			
		if (TypeTexte=="menu") derivationY = 85;
		else if (TypeTexte=="court") derivationY = 85;
		else if (TypeTexte=="interview") derivationY = 85;
		else derivationY = 0;
		
		if (document.body) {
			var larg = (document.body.clientWidth);
		} else {
		 var larg = (window.innerWidth);
		}
		ascenceurX = 0;


		if (eval(larg)<970) {
			larg = cadreW;
			ascenceurX = 0;
		}

		derivationX = Math.round((eval(larg)-cadreW)/2)+ascenceurX;

		myContentClip = document.getElementById("contentClip");
		if (myContentClip) {
			if (TypeTexte=="court") myContentClip.style.left=246+278+derivationX+"px";
			else if (TypeTexte=="interview") myContentClip.style.left=246+342+derivationX+"px";
			else myContentClip.style.left=246+derivationX+"px";
			myContentClip.style.top=(derivationY+165)+"px";
			myContentClip.style.visibility="visible";
		}
		myUp = document.getElementById("up");
		if (myUp) {
			myUp.style.left=cadreW+derivationX+"px";
			myUp.style.top=(derivationY+152)+"px";
		}
		myDown = document.getElementById("down");
		if (myDown) {
			myDown.style.left=cadreW+derivationX+"px";
			if (TypeTexte=="long") myDown.style.top="596px";
			else myDown.style.top=(derivationY+381)+"px";
		}
		myBackSlide = document.getElementById("BackSlide");
		if (myBackSlide) {
			myBackSlide.style.left=cadreW+derivationX+"px";		
			if(ie4){
				myBackSlide.style.top=(derivationY+166)+"px";
			} else {
				myBackSlide.style.top=(derivationY+163)+"px";
			}
		}
		myDrag = document.getElementById("drag");
		if (myDrag) {
			myDrag.style.left=(cadreW+derivationX)+"px";
			myDrag.style.top=(derivationY+164)+"px";
		}
		myRuler = document.getElementById("ruler");
		if (myRuler) {
			myRuler.style.left=cadreW+derivationX+"px";
			if(ie4){
				myRuler.style.top=(derivationY+165)+"px";
			} else {
				myRuler.style.top=(derivationY+164)+"px";
			}
		}
		
		if(myDown && myBackSlide && myUp && myDrag && myRuler) {
			myDown.style.visibility="visible";
			myBackSlide.style.visibility="visible";
			myUp.style.visibility="visible";
			myDrag.style.visibility="visible";
			myRuler.style.visibility="visible";
			eventLoader('oui');
		}
		
	if($('span#content').height() <= 225) {
		$('span#up').hide();
		$('span#down').hide();
		$('span#drag').hide();
		$('span#ruler').hide();
		$('span#BackSlide').hide();
	} else {
		$('span#up').show();
		$('span#down').show();
		$('span#drag').show();
		$('span#ruler').show();
		$('span#BackSlide').show();
	}
}

document.onmousedown = down;
document.onmousemove = move;
document.onmouseup = up;
document.onmousewheel = scrollme;