// JavaScript Document
window.onload=init;

function gE(id){return document.getElementById(id);}

var scrollObj,scrollI, maxScroll;
var scrollTimerBot,scrollTimerTop, scrollTopPoint, scrollBotPoint;
var orientation='left', speed=40;
function init(){
	if(gE('scrollCont')){
		scrollObj=gE('scrollCont');
		scrollI=0;
		if (orientation=='top') {
			scrollObj.style.top='0';
			maxScroll=gE('scrollCont2').offsetHeight-scrollObj.offsetHeight;
		}
		else {
			scrollObj.style.left='0';
			maxScroll=gE('boxScrollCont').offsetWidth-gE('scrollCont2').offsetWidth;
		}
		scrollTopPoint=gE('scrollTop');
		scrollBotPoint=gE('scrollBot');
		scrollTopPoint.onclick = function() {
			scrollBotPoint.style.visibility='visible';
			//scrollTimerTop=setInterval('scrollTop()',10);
			scrollTop();
		}
		//scrollTopPoint.onmouseout = function() {
		//	clearInterval(scrollTimerTop);
		//}
		scrollBotPoint.onclick = function() {
			scrollTopPoint.style.visibility='visible';
			//scrollTimerBot=setInterval('scrollBot()',10);
			scrollBot();
		}
		//scrollBotPoint.onmouseout = function() {
		//	clearInterval(scrollTimerBot);
		//}
	}
}


function scrollTop(){
	if (scrollI<0){
		scrollI=scrollI+speed;
		if (orientation=='top') scrollObj.style.top=scrollI+'px';
		else scrollObj.style.left=scrollI+'px';
	}else{
		clearInterval(scrollTimerTop);
//		scrollTopPoint.style.visibility='hidden';
	}
}

function scrollBot(){
	if (scrollI>maxScroll){
		scrollI=scrollI-speed;
		if (orientation=='top') scrollObj.style.top=scrollI+'px';
		else scrollObj.style.left=scrollI+'px';
	}else{
		clearInterval(scrollTimerBot);
//		scrollBotPoint.style.visibility='hidden';
	}
}