﻿

	var nStepSize = 0;
	function ScrollPanel(id){

		//Membros
		this._Panel = document.getElementById(id);
		this._scrollContainer = document.getElementById(id+'_container');
		this._slide = document.getElementById(id+'_slide');
		this._btnUp = document.getElementById(id+'_btnUp');
		this._btnDown = document.getElementById(id+'_btnDown');

		if (this._Panel!=null){
			//Event Handlers
			this._btnUp.onmouseover = function(){
				nStepSize = 10;
			}
			
			this._btnUp.onmouseout = function() {
				nStepSize = 0;
			}
			
			this._btnDown.onmouseover = function(){
				nStepSize = -10;
			}
			
			this._btnDown.onmouseout = function(){
				nStepSize = 0;
			}
		}
	}

	function doScroll(){
	
		var cPos = (+myPanel._slide.style.top.replace('px',''));
		var nNextPosition = cPos + nStepSize;
		
		var _MinPos = 0;
		var _MaxPos = + myPanel._scrollContainer.offsetHeight - myPanel._slide.offsetHeight;
		
		if (nNextPosition < _MaxPos){nNextPosition = _MaxPos}
		if (nNextPosition >0 ){nNextPosition=0}
		
		myPanel._slide.style.top = nNextPosition+'px';

	}
