step=4
step2=1

function scrollDivDown(id)
{
	clearTimeout(timerDown) 
	document.getElementById(id).scrollTop+=step 
	timerDown=setTimeout("scrollDivDown('"+id+"')",1)
} 

function scrollDivUp(id)
{
	clearTimeout(timerUp)
	document.getElementById(id).scrollTop-=step 
	timerUp=setTimeout("scrollDivUp('"+id+"')",1)
} 

function scrollDivDown2(id)
{
	clearTimeout(timerDown) 
	document.getElementById(id).scrollTop+=step2 
	timerDown=setTimeout("scrollDivDown2('"+id+"')",2)
} 

function scrollDivUp2(id)
{
	clearTimeout(timerUp)
	document.getElementById(id).scrollTop-=step2 
	timerUp=setTimeout("scrollDivUp2('"+id+"')",2)
} 

timerDown="" 
timerUp="" 

function stopMe()
{
	clearTimeout(timerDown)
	clearTimeout(timerUp)
}



function hookEvent(element, eventName, callback)
{
  if(typeof(element) == "string")
    element = document.getElementById(element);
  if(element == null)
    return;
  if(element.addEventListener)
  {
    if(eventName == 'mousewheel')
      element.addEventListener('DOMMouseScroll', callback, false);  
    element.addEventListener(eventName, callback, false);
  }
  else if(element.attachEvent)
    element.attachEvent("on" + eventName, callback);
}
 
function cancelEvent(e)
{
  e = e ? e : window.event;
  if(e.stopPropagation)
    e.stopPropagation();
  if(e.preventDefault)
    e.preventDefault();
  e.cancelBubble = true;
  e.cancel = true;
  e.returnValue = false;
  return false;
}
 
function printInfo(e)
{
  e = e ? e : window.event;
  var raw = e.detail ? e.detail : e.wheelDelta;
  var normal = e.detail ? e.detail * -1 : e.wheelDelta / 20;
//  document.getElementById('news').innerHTML = "<br/>&nbsp;Raw Value: " + raw + "<br/>&nbsp;Normalized Value: " + normal;

  document.getElementById('div1').scrollTop-=normal

  cancelEvent(e);
}