function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
  
var speed=50 
var loop, timer 
 
function ConstructObject(obj,nest){ 
    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight 
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 
function MoveArea(x,y){ 
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y 
} 

var initialised;
var iScrollHeight;
function InitialiseScrollableArea(){

	objContainer=new ConstructObject('divContainer');
	objScroller=new ConstructObject('divContent','divContainer');
	objScroller.MoveArea(0,0);
	document.getElementById("divUpControl").style.top = 0;
	objContainer.css.visibility='visible';
	initialised=true;
	iScrollHeight = document.getElementById('bodyContainer').offsetHeight - 545;//document.body.offsetHeight - 521;
	dcon = document.getElementById('divContainer');
	dcon.style.clip = 'rect(0px 320px '+iScrollHeight+'px 0px)';
	dcon.style.height = (iScrollHeight)+'px';
	document.getElementById('divUnderline').style.height = (iScrollHeight)+'px';

	if(document.getElementById('divContent').offsetHeight < iScrollHeight) {
		document.getElementById("divUpControl").style.visibility = 'hidden';
		document.getElementById('divUnderline').style.visibility = 'hidden';
	} else {
		document.getElementById("divUpControl").style.visibility = 'visible';
		document.getElementById('divUnderline').style.visibility = 'visible';
	}

}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}
var drag = false;
function mouseMove(ev) {
	if(document.getElementById('divContent').offsetHeight < iScrollHeight) return
	ev = ev || window.event;
	var target = ev.target || ev.srcElement;
	var mousePos = mouseCoords(ev);
	if (drag == true) {
		var tPos = mousePos.y - 14 - document.getElementById("scrollContainer").offsetTop;
		window.status = document.getElementById("scrollContainer").offsetTop;
		if (tPos < 0) tPos = 0;
		if (tPos > (iScrollHeight - 28)) tPos = (iScrollHeight - 28);
		var tHeight = (iScrollHeight - 28);
		objScroller.MoveArea(0,-((objScroller.scrollHeight-iScrollHeight)*(tPos/tHeight)));
		document.getElementById("divUpControl").style.top = tPos;
	}
}

function setDrag(b) {
	drag = b;
}

function mouseUp(ev) {
	drag = false;
}
document.onmouseup = mouseUp;
document.onmousemove = mouseMove;