var interval;
var incLyrPos = 0;
var scrlLyr_height;
var scrlLyr_width;

var scrlLyr;
var btn;
var oppBtn;

var note;


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Scroll Up
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scrlUp_btnDWN(intScrlLyr, intBtn, intOppBtn, intNote) {
	var getLyrPosUp = document.getElementById(intScrlLyr);
	incLyrPos = Number(getLyrPosUp.style.top.substr(0,  getLyrPosUp.style.top.length - 2));
	interval = setInterval("scrollUp('"+intScrlLyr+"', '"+intBtn+"', '"+intOppBtn+"', '"+intNote+"')", 1);
};

function scrlUp_btnUP() {
	clearInterval(interval);
};

function scrollUp(selScrlLyr, selBtn, selOppBtn, selNote){
	scrlLyr = document.getElementById(selScrlLyr);
	btn = document.getElementById(selBtn);
	oppBtn = document.getElementById(selOppBtn);
	note = document.getElementById(selNote);
	
	
	scrlLyr_height = scrlLyr.clientHeight;
	incLyrPos += 5;
	scrlLyr.style.top = incLyrPos+"px";
	
	//oppBtn.style.visibility = "visible";
	oppBtn.disabled=false;
	oppBtn.style.opacity = 1;
	oppBtn.style.filter = 'alpha(opacity=' + 100 + ')';
	
	note.style.opacity = 1;	
	note.style.filter = 'alpha(opacity=' + 100 + ')';
	
	
	
	if(incLyrPos >= 0){
		btn.disabled=true;
		clearInterval(interval);
		btn.style.opacity = .2;
		btn.style.filter = 'alpha(opacity=' + 20 + ')';
	}
};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//End
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////




////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Scroll Down
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scrlDown_btnDWN(intScrlLyr, intBtn, intOppBtn, intNote) {
	var getLyrPosDown = document.getElementById(intScrlLyr);
	incLyrPos = Number(getLyrPosDown.style.top.substr(0, getLyrPosDown.style.top.length - 2));
	interval = setInterval("scrollDown('"+intScrlLyr+"', '"+intBtn+"', '"+intOppBtn+"', '"+intNote+"')", 1);	
};

function scrlDown_btnUP() {
	clearInterval(interval);
};

function scrollDown(selScrlLyr, selBtn, selOppBtn, selNote){
	scrlLyr = document.getElementById(selScrlLyr);
	btn = document.getElementById(selBtn);
	oppBtn = document.getElementById(selOppBtn);
	note = document.getElementById(selNote);
	
	scrlLyr_height = scrlLyr.clientHeight;
	incLyrPos -= 5;
	scrlLyr.style.top = incLyrPos+"px";
	
	oppBtn.disabled=false;
	oppBtn.style.opacity = 1;
	oppBtn.style.filter = 'alpha(opacity=' + 100 + ')';
	
	if(incLyrPos <= -(scrlLyr_height - 170) ){
		btn.disabled=true;
		clearInterval(interval);
		btn.style.opacity = .2;
		btn.style.filter = 'alpha(opacity=' + 20 + ')';
		
		
		//////////
		note.style.opacity = 0;	
		note.style.filter = 'alpha(opacity=' + 0 + ')';
		
	}

};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//End
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////






////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Scroll Left
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scrlLeft_btnDWN(intScrlLyr, intBtn, intOppBtn) {
	var getLyrPosLeft = document.getElementById(intScrlLyr);
	incLyrPos = Number(getLyrPosLeft.style.left.substr(0,  getLyrPosLeft.style.left.length - 2));
	interval = setInterval("scrollLeft('"+intScrlLyr+"', '"+intBtn+"', '"+intOppBtn+"')", 1);
};

function scrlLeft_btnUP() {
	clearInterval(interval);
};

function scrollLeft(selScrlLyr, selBtn, selOppBtn){
	scrlLyr = document.getElementById(selScrlLyr);
	btn = document.getElementById(selBtn);
	oppBtn = document.getElementById(selOppBtn);
	
	
	scrlLyr_width = scrlLyr.clientWidth;
	incLyrPos += 5;
	scrlLyr.style.left = incLyrPos+"px";
	
	oppBtn.disabled=false;
	oppBtn.style.opacity = 1;
	oppBtn.style.filter = 'alpha(opacity=' + 100 + ')';
	
	if(incLyrPos >= 0){
		btn.disabled=true;
		clearInterval(interval);
		btn.style.opacity = .2;
		btn.style.filter = 'alpha(opacity=' + 20 + ')';
	}
};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//End
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////




////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Scroll Right
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function scrlRight_btnDWN(intScrlLyr, intBtn, intOppBtn) {
	var getLyrPosRight = document.getElementById(intScrlLyr);
	incLyrPos = Number(getLyrPosRight.style.left.substr(0, getLyrPosRight.style.left.length - 2));
	interval = setInterval("scrollRight('"+intScrlLyr+"', '"+intBtn+"', '"+intOppBtn+"')", 1);	
};

function scrlRight_btnUP() {
	clearInterval(interval);
};

function scrollRight(selScrlLyr, selBtn, selOppBtn){
	scrlLyr = document.getElementById(selScrlLyr);
	btn = document.getElementById(selBtn);
	oppBtn = document.getElementById(selOppBtn);
	
	scrlLyr_width = scrlLyr.clientWidth;
	incLyrPos -= 5;
	scrlLyr.style.left = incLyrPos+"px";
	
	oppBtn.disabled=false;
	oppBtn.style.opacity = 1;
	oppBtn.style.filter = 'alpha(opacity=' + 100 + ')';
	
	if(incLyrPos <= -(scrlLyr_width - 777) ){
		btn.disabled=true;
		clearInterval(interval);
		btn.style.opacity = .2;
		btn.style.filter = 'alpha(opacity=' + 20 + ')';
	}
};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//End
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////