var barheiht=350;
var contheiht=410;
var bargap=15;
var frmtop=30;

var IE=(document.all)?true:false;
var boolu=false;

function setScroll(){
var bard=document.getElementById('bar');
var contd=document.getElementById('rightCont');
var scrolld=document.getElementById('scrollbar');
var overlapNum=(contd.scrollHeight/contd.clientHeight);

//Setting the top and left position of scrollbar and size of bar
bard.style.height=barheiht+"px";
bard.style.top=frmtop+parseInt(contd.offsetTop)+"px";
scrolld.style.top=frmtop+parseInt(contd.offsetTop)+"px";

contd.scrollTop=0;

if(contd.scrollHeight>contd.clientHeight){
scrolld.style.height=barheiht/overlapNum+"px";
bard.style.visibility="visible";
scrolld.style.visibility="visible";
document.getElementById('scrolldiv').style.visibility="visible";
}else{
document.getElementById('scrolldiv').style.visibility="hidden";
scrolld.style.visibility="hidden";
bard.style.visibility="hidden";
}
}

function enableScroll(e){
var bard=document.getElementById('bar');
var contd=document.getElementById('rightCont');
var scrolld=document.getElementById('scrollbar');

if(boolu==true){
tempt=parseInt(scrolld.style.top);
tmpY=(IE)?event.clientY:e.pageY;
document.onmousemove=scrollBar;
}
}

function scrollBar(e){

var bard=document.getElementById('bar');
var contd=document.getElementById('rightCont');
var scrolld=document.getElementById('scrollbar');
var overlapNum=(contd.scrollHeight/contd.clientHeight);
mosY=(IE)?event.clientY:e.pageY;

if(boolu==true&&(tempt+mosY-tmpY)>=contd.offsetTop+frmtop&&(tempt+mosY-tmpY)-frmtop<=(barheiht+contd.offsetTop)-parseInt(scrolld.style.height)){
scrolld.style.top=(tempt+mosY-tmpY)+"px";
contd.scrollTop=(((tempt+mosY-tmpY)-frmtop)*overlapNum-contd.offsetTop*overlapNum)*(contheiht/barheiht);
}else if(boolu==true&&(tempt+mosY-tmpY)<=contd.offsetTop+frmtop){
scrolld.style.top=frmtop+contd.offsetTop+"px";
contd.scrollTop=0+"px";
}else if(boolu==true&&(tempt+mosY-tmpY)-frmtop>=(barheiht+contd.offsetTop)-parseInt(scrolld.style.height)){
scrolld.style.top=frmtop+(barheiht+contd.offsetTop)-parseInt(scrolld.style.height);
contd.scrollTop=(((tempt+mosY-tmpY)-frmtop)*overlapNum-contd.offsetTop*overlapNum)*(contheiht/barheiht);
}
}


document.onmousedown=enableScroll;
document.onmouseup=function(){boolu=false};
//document.onblur=function(){boolu=false};
window.onload=setScroll;