max=510;
if  (document.getElementById){

(function(){

//Stop Opera selecting anything whilst dragging.
if (window.opera){
document.write("<input type='hidden' id='Q' value=' '>");
}

var n = 500;
var dragok = false;
var y,x,d,dy,dx;

function move(e){
if (!e) e = window.event;
 if (dragok){
  var bar=95;
  var scrollHeight=501;
  var top1=dy + e.clientY - y;
  var max=document.getElementById('Scroller').offsetHeight-370;
  
//alert(document.getElementById('Scroller').offsetHeight+","+document.getElementById('Scroller2').offsetHeight);
 // var max=510;
 //alert(max);
 
  if(top1 >0 && (top1+95)<scrollHeight )
  {
  var scrollAmount=parseInt((max/scrollHeight)*top1);
  document.getElementById("divd").style.top =top1+"px";
  document.getElementById("ScrollArea").scrollTop=scrollAmount;
   document.getElementById("ScrollArea2").scrollTop=scrollAmount;
 //document.getElementById('divd').innerHTML =scrollAmount;

 }
 }
}

function down(e){
if (!e) e = window.event;
getscr();
var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
if (temp.tagName != "HTML"|"BODY" && temp.className != "dragclass"){
 temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
 }
if (temp.className == "dragclass"){
 if (window.opera){
  document.getElementById("Q").focus();
 }
 dragok = true;
 temp.style.zIndex = n++;
 d = temp;
 dx = parseInt(temp.style.left+0);
 dy = parseInt(temp.style.top+0);
 x = e.clientX;
 y = e.clientY;
 document.onmousemove = move;
   document.onselectstart = function () { return false; }
 return false;
 }
 else
{

 if(document.getElementById('scr').offsetLeft<=e.clientX && document.getElementById('scr').offsetLeft+20>=e.clientX)
 {
if(document.getElementById('image').offsetTop-Topscr<=e.clientY && document.getElementById('image').offsetTop-Topscr+500 >=e.clientY)
 {
 var bartop=document.getElementById('image').offsetTop-Topscr;
 var newtop=e.clientY-bartop;
 //alert(newtop);
 var bar=95;
  var scrollHeight=500;
  var top1=Math.ceil(newtop/5);
  if(top1<15) top1=0.1;
  if(top1>82) top1=100;
  if(document.getElementById('Scroller')!=null)
  {
  var max=document.getElementById('Scroller').offsetHeight-500;
  if(top1 >0 && (top1+95)<scrollHeight )
  {
  var scrollAmount=(max/100)*top1;
  if(top1==100)
  document.getElementById("divd").style.top= (81*5)+"px";
  else if(top1==0.1)
  document.getElementById("divd").style.top= (0.1*5)+"px";
  else
  document.getElementById("divd").style.top =(top1*5)-40+"px";
  document.getElementById("ScrollArea").scrollTop=scrollAmount;
   document.getElementById("ScrollArea2").scrollTop=scrollAmount;
 // alert(top1+","+newtop);
//alert(dy);

 }
 }
}
 }
 }
}
function getscr(){

if(typeof window.pageYOffset != "undefined")

{

var scroll = window.pageYOffset;

}

else if(typeof document.documentElement.scrollTop != "undefined")

{

var scroll = document.documentElement.scrollTop;

}

else

{

var scroll = document.body.scrollTop;

}
Topscr=scroll;
}
function up(){
 document.onselectstart = function () { return true; }
dragok = false;
document.onmousemove = null;
}

document.onmousedown = down;
document.onmouseup = up;


})();
}//End.