// JavaScript Document
//STARTS HERE

function Slider(ele) {
	//BEGIN application variables
	var ele = this.ele = $(ele)
	var table = this.table = ele.getElementsByTagName("table")[0]
	var td = table.getElementsByTagName("td")[0]
	var lArrow = $('lArrow')
	var rArrow = $('rArrow')
	
	var tableWidth = parseInt(table.offsetWidth);
	var divWidth = parseInt(ele.offsetWidth);
	var tdWidth = parseInt(td.offsetWidth);
	this.setTableWidth = function(px) {
		if (px) {
			tableWidth = px + "px";	
		}else {
			tableWidth = parseInt(table.offsetWidth);
		}
	}

	this.setDivWidth = function(px) {
		if (px) {
			divWidth = px + "px";	
		}else {
			divWidth = parseInt(ele.offsetWidth);
		}
	}

	this.setWidths = function() {
		tableWidth = parseInt(table.offsetWidth);
		tdWidth = parseInt(td.offsetWidth);
		divWidth = parseInt(ele.offsetWidth);
	}

	this.getWidths = function() {
		return {table:tableWidth, div:divWidth};
	}

	this.set = function() {
		lArrow.onclick = function () {
			moveLeft()
		}
		rArrow.onclick = function() {
			moveRight()
		}
	}

	function moveLeft() {
		disableArrows()
		if (table.style.left != 0 && table.style.left != "0px") {
				Move.byX(table, {X: tdWidth, onComplete: function(){
				var left = parseInt(table.style.left)
				oop = $('lArrow')
				node = $('rArrow')
				if(left >= 0){
					$('lCover').className = 'lCover'
					$('rCover').className = 'coverOff'					
				}else{
					$('lCover').className = 'coverOff'
					$('rCover').className = 'coverOff'
				}
			}});			
		}
	}

	function moveRight() {
		disableArrows()
		if (table.style.left != (-1*(tableWidth - (tdWidth*3)))+"px") {
				Move.byX(table, {X: -1*tdWidth, onComplete: function(){
				var left = parseInt(table.style.left)
				oop = $('lArrow')
				node = $('rArrow')
				if(left<= -1*(tableWidth -(tdWidth*3))){
					$('lCover').className = 'coverOff'
				}else{
					$('lCover').className = 'coverOff'
					$('rCover').className = 'coverOff'
				}
			}});
		}
	}

	function disableArrows() {
		$('rCover').className = 'rCover'
		$('lCover').className = 'lCover'
	}		
}
//END