var scrollInterval = null;
	
	function initScroller(targetdiv, targetheight, downarrowname, uparrowname, arrowheight) {
		if (downarrowname == null) {
			downarrowname = "scroller/scrollup.jpg";
		}
		if (uparrowname == null) {
			uparrowname = "scroller/scrolldown.jpg";
		}
		if (arrowheight == null) {
			arrowheight = 36;
		}
		var divel = document.getElementById(targetdiv);
		
		if (divel) {
			contentcache = divel.innerHTML;
			divel.innerHTML = ""; //empty div contents
			divel.style.height = targetheight+"px";
			divel.style.overflow = "hidden";
			divel.style.position = "relative";
			var newobj = document.createElement('div');
			newobj.setAttribute('id', targetdiv+'_inner');
			newobj.style.width = (parseInt(divel.style.width)-15)+"px";
			newobj.style.display = "block";
			newobj.style.position = "relative";
			newobj.style.top = "0px";
			newobj.style.left = "15px";

			divel.appendChild(newobj);
			newobj.innerHTML = contentcache; //add original div content to the inside div
			
			var downarrow = document.createElement('img');
			downarrow.src = downarrowname;
			downarrow.style.display = "block";
			downarrow.style.position = "absolute";
			downarrow.style.left = 0+"px";
			downarrow.style.top = ((parseInt(divel.style.height)/2)-arrowheight)+"px";
			downarrow.onmouseover = function() {
				scrollInterval = setInterval( "scrolldivdown('"+targetdiv+"')", 40 );
			}
			downarrow.onmouseout = function() {
				clearInterval( scrollInterval );
			}
			var uparrow = document.createElement('img');
			uparrow.src = uparrowname;
			uparrow.style.display = "block";
			uparrow.style.position = "absolute";
			uparrow.style.left = 0+"px";
			uparrow.style.top = (parseInt(divel.style.height)/2)+"px";
			uparrow.onmouseover = function() {
				scrollInterval = setInterval( "scrolldivup('"+targetdiv+"')", 40 );
			}
			uparrow.onmouseout = function() {
				clearInterval( scrollInterval );
			}
			
			divel.appendChild(downarrow);
			divel.appendChild(uparrow);
		}
	}
	
	
	function scrolldivdown(targetdiv) {
		var divel = document.getElementById(targetdiv);
		var divel_inner = document.getElementById(targetdiv+"_inner");
		var positivetop = (parseInt(divel_inner.style.top)*-1)
		if (positivetop < parseInt(divel.style.height)) {
			divel_inner.style.top = (parseInt(divel_inner.style.top) - 3) + "px"
		}
	}
	
	function scrolldivup(targetdiv) {
		var divel = document.getElementById(targetdiv);
		var divel_inner = document.getElementById(targetdiv+"_inner");
		var positivetop = (parseInt(divel_inner.style.top)*-1)
		if (positivetop > 0) {
			divel_inner.style.top = (parseInt(divel_inner.style.top) + 3) + "px"
		}
	}
	
	function getStyle(x,styleProp)
	{
		//var x = document.getElementById(el);
		if (x.currentStyle)
			var y = x.currentStyle[styleProp];
		else if (window.getComputedStyle)
			var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
		return y;
	}