var scrollingStatus; // 0/1
var scrollingDirection = "down"; // down/up
var downArrowStatus; //off/on
var upArrowStatus; //off/on

var nowTopPosition = 0;

var scrollbarTop = 220;
var scrollbarHeight = 260;
var scrollbarBottom = (scrollbarTop+scrollbarHeight);

var scrollingSpeed=24;
var scrollingPixel=10;

var pList; // produktlist

var mousePosY;
document.onmousemove = updateMousePosition;

var test1;
var test2;

//var maxMinusPos; wird dynamisch durch php difiniert




function startScrolling(direction){
	stopScrolling()

	pList = document.getElementById("PRODUCT_LIST_SCROLL");
	scrollingDirection = direction;
	
	//test1=document.TEMP.test1;
	//test2=document.TEMP.test2;
	//test1.value=scrollingDirection;
	//test2.value=nowTopPosition;
	
	scrollingStatus = window.setInterval("scrollingStep()", scrollingSpeed);
}

function stopScrolling(){
	window.clearInterval(scrollingStatus);
}

function scrollingStep(){
	if(nowTopPosition < maxMinusPos || ((nowTopPosition) >= 0 && scrollingDirection=="up")){
		stopScrolling();
		if(scrollingDirection=="down"){
			nowTopPosition=(nowTopPosition+scrollingPixel);
		}
		else if(scrollingDirection=="up"){
			nowTopPosition=0;
		}
	}else{
		if(scrollingDirection=="down"){
			nowTopPosition = ( nowTopPosition - scrollingPixel );
		}else if(scrollingDirection=="up"){
			nowTopPosition = ( nowTopPosition + scrollingPixel );
		}
		pList.style.top = nowTopPosition;
		setScrollbarYPosition();	
	}
	//test1.value=scrollingDirection;
	//test2.value=nowTopPosition;
}


function changeScrollbarButtonPosition(){
	wEvent= window.event;
	yMouse= wEvent.clientY;
	yRest=yMouse%5;
	yMouse=(yMouse-yRest);
	barTop=yMouse-scrollbarTop;
	barTopProz=(100/scrollbarHeight)*barTop;
	listPos=((maxMinusPos)/100)*(barTopProz);
	topPos=parseInt(listPos);
	pList = document.getElementById("PRODUCT_LIST_SCROLL");
	pList.style.top=topPos;
	nowTopPosition=topPos;
	setScrollbarYPosition();
}



function setScrollbarYPosition(){
	yProzPosition = (100/(-maxMinusPos))*(-nowTopPosition);
	yBarPosition = (((scrollbarHeight-35)/100)*yProzPosition)+scrollbarTop;
	barObj=document.getElementById("SCROLL_BAR");
	barObj.style.top=parseInt(yBarPosition);
}


function updateMousePosition(E){
		mousePosY=window.event.y;
}


var buttonInterval;
var scrollButton;

function grabScrollbarButton(){
	window.clearInterval(buttonInterval);
	buttonInterval = window.setInterval("setScrollButtonY()", 10);
	scrollButton = document.getElementById("SCROLL_BAR");
}

function releaseScrollbarButton(){
	window.clearInterval(buttonInterval);
}

function setScrollButtonY(){

	mousePosYCenter=mousePosY-18;
	scrollButton.style.top=mousePosYCenter;
	barProz = ((mousePosY-(scrollbarTop+18))/(scrollbarHeight-35))*100;
	pListTop = parseInt((barProz/100)*maxMinusPos);
	
	if(pListTop < 0 && pListTop > maxMinusPos){
		pList = document.getElementById("PRODUCT_LIST_SCROLL");
		pList.style.top = pListTop;
		nowTopPosition = pListTop;	
	}else{
		if(pListTop > 0){
			scrollButton.style.top=scrollbarTop;	
		}else if(pListTop < maxMinusPos){
			scrollButton.style.top=(scrollbarBottom-35);
		}
	}
	
	//test1=document.TEMP.test1;
	//test2=document.TEMP.test2;
	//test1.value=mousePosYCenter;
	//test2.value=pListTop;
}





