var pagePropertiesArray = new Array();

function setupScrollHandler(scrollProps) {
	pagePropertiesArray[scrollProps.id] = scrollProps;
	var container = document.getElementById(id);
	
	container.scrollTop = 0;
}

function scrollDown(id) {
	var scrollProps = pagePropertiesArray[id];
	var id 				= scrollProps.id;
	var scrollLocation	= scrollProps.scrollLocation;
	var step 			= scrollProps.step;
	var stepHeight 		= scrollProps.stepHeight;
	var locked  		= scrollProps.locked;
	var rows			= scrollProps.rows;
	var container		= document.getElementById(id);
		
	var container	= document.getElementById(id);
	var scrollheight= document.getElementById(id).scrollHeight - (stepHeight * rows);
	if(scrollLocation < scrollheight){
		if(scrollLocation < step * stepHeight){
			container.scrollTop = container.scrollTop + 13;			
			scrollProps.scrollLocation	= container.scrollTop;
			setTimeout("scrollDown('" + scrollProps.id + "');",35);
		} else {
			window.clearTimeout();
			container.scrollTop = step * stepHeight;
			scrollProps.step++;
			
		}
	} else {
		if(locked == false){
			scrollProps.step++;
			scrollProps.locked = true;
		}
	}
	scrollProps.onStateChanged();
}

function scrollUp(id)	{
	var scrollProps = pagePropertiesArray[id];
	// if (scrollProps.locked) , enable up button
	scrollProps.locked = false;
	
	var id 				= scrollProps.id;
	var scrollLocation	= scrollProps.scrollLocation;
	var step 			= scrollProps.step;
	var stepHeight 		= scrollProps.stepHeight;
	var container		= document.getElementById(id);
	
	if(scrollLocation > 0){
		if(scrollLocation > ((step - 2) * stepHeight)){
			container.scrollTop = container.scrollTop - 13;
			scrollProps.scrollLocation = container.scrollTop;			
			setTimeout("scrollUp('" + id + "');",35);
		} else {
			window.clearTimeout();
			container.scrollTop = (step-2) * stepHeight;
			scrollProps.step--;
		}
	} else {
		scrollProps.step = 1;
		// disable up button
	}
	scrollProps.onStateChanged();
}

function scrollElement(div,direction,pixels){
	
}


function carouselHover(div) {
	if (selectedCarousel != div) {
		div.className = "carouselHover";
	}
}
function carouselHoverOut(div) {
	if (selectedCarousel != div) {
		div.className = "carouselNoHover";
	}
}