var scrollTop=0;
var scrollLeft=0;
var scrollTopEnd;
var scrollLeftEnd;
var scrollHeight;
var scrollWrapperHeight;
var horizScrollWidth;
var horizScrollWrapperWidth;
var scrollDir='none';
var scrollStep = 2;
var scrollSpeed= 3;

// To be called onLoad for vertical scroller

function setScrollHeight()
	{
	scrollHeight=document.getElementById('scrollArea').offsetHeight;
	scrollWrapperHeight=document.getElementById('scrollWrapper').style.height;
	scrollTopEnd=(scrollHeight - parseInt(scrollWrapperHeight)) * -1;
	}
	
// To be called onLoad for horizontal scroller	
	
function setHorizScrollWidth() {
	horizScrollWidth=parseInt(document.getElementById('horizScrollContent').offsetWidth);
//	horizScrollWidth=parseInt(document.getElementById('horizScrollContent').style.width);
	horizScrollWrapperWidth=document.getElementById('horizScrollWrapper').style.width;
//	alert (horizScrollWrapperWidth);
//	alert(parseInt(horizScrollWidth));
	scrollLeftEnd=(horizScrollWidth - parseInt(horizScrollWrapperWidth)) * -1;
//	alert(scrollLeftEnd);
}	

function scrollStart (id, dir)
	{
//	alert (id);
	scrollDir=dir;
	if (dir=='up')
		{
		scrollUp(id);
		}
	else if (dir=='down')
		{
		scrollDown(id);
		}
	else if (dir=='left')
		{
		horizScrollLeft(id);
		}
	else if (dir=='right')
		{
		horizScrollRight(id);
		}		
	}

function scrollUp (id)
	{
	if (scrollTop > scrollTopEnd)
		{
		elem=document.getElementById(id);
		scrollTop=parseInt(elem.style.top) - scrollStep;
		elem.style.top = scrollTop + 'px';
		if (scrollTop > scrollTopEnd && scrollDir=='up')
			{
			setTimeout("scrollUp('"+id+"')",scrollSpeed);	
			}
		}
	}
	
function horizScrollLeft(id)
	{
//	alert(id);
	if (scrollLeft > scrollLeftEnd)
		{
		elem=document.getElementById(id);
		scrollLeft=parseInt(elem.style.left) - scrollStep;
//		alert(scrollLeft);
		elem.style.left = scrollLeft + 'px';
		if (scrollLeft > scrollLeftEnd && scrollDir=='left')
			{
			setTimeout("horizScrollLeft('"+id+"')",scrollSpeed);	
			}
		}
	}	
	
function horizScrollRight(id)
	{
	
	if (scrollLeft < 0)
		{
//		alert('scrolleft');
		elem=document.getElementById(id);
		scrollLeft=parseInt(elem.style.left) + scrollStep;
		elem.style.left = scrollLeft + 'px';
		if (scrollLeft < 0 && scrollDir=='right')
			{
			setTimeout("horizScrollRight('"+id+"')",scrollSpeed);	
			}
		}
	}		
	
function scrollDown (id)
	{
	if (scrollTop < 0)
		{
		elem=document.getElementById(id);
		scrollTop=parseInt(elem.style.top) + scrollStep;
		elem.style.top = scrollTop + 'px';
		if (scrollTop < 0 && scrollDir=='down')
			{
			setTimeout("scrollDown('"+id+"')",scrollSpeed);	
			}
		}
	}		
	
function scrollTo(id,pos)	
	{
	elem=document.getElementById(id);
	scrollTop=pos;
	elem.style.top = pos + 'px';	
//	alert(scrollTop);
	}
	
function scrollHorizTo(id,pos)	
	{
	elem=document.getElementById(id);
	scrollLeft=pos;
	elem.style.left = pos + 'px';	
//	alert(scrollTop);
	}
		
	
function scrollStop (id)
	{
	scrollDir='none';
	}
	
function getTop(id)
	{
	return scrollTop;
	}	
	
function getLeft(id)
	{
	return scrollLeft;
	}