function Slider(ident, visibleShotsNum) {
    this.visibleShotsNum = visibleShotsNum;
    this.sw = 33;
    this.element = ident;
    this.table = document.getElementById(this.element);
    this.rows = this.table.getElementsByTagName("tr");
    this.hiddenShotsNum = this.rows[0].getElementsByTagName("td").length - this.visibleShotsNum;
}

Slider.prototype.sLeft = function() {
    for (i=0; i<this.rows.length; i++){
	var shots = this.rows[i].getElementsByTagName("td");
	var commandItem = this.rows[i].getElementsByTagName("th")[1];
	var firstShot = shots[0];
	var p = (this.hiddenShotsNum > 0 ? 0 : 1)
	var firstUnvisibleShot = shots[(shots.length) - this.hiddenShotsNum - p]; 
        firstUnvisibleShot.className == "tcell" ? '' : firstUnvisibleShot.className="tcell";
	this.rows[i].insertBefore(firstShot, commandItem);
	firstShot.className = "tna";
    }
}
		
Slider.prototype.sRight = function() {
    for (i=0; i<this.rows.length; i++){
	var shots = this.rows[i].getElementsByTagName("td");
	var firstShot = shots[0];
	var lastShot = shots[shots.length-1];
	var shotBeforeLast = shots[shots.length-2];
        lastShot.className == "tcell" ? '' : lastShot.className="tcell";
        this.rows[i].insertBefore(lastShot, firstShot);
	shots[shots.length - this.hiddenShotsNum].className="tna";
    }
}


function Slider1(ident, visibleShotsNum) {
    this.visibleShotsNum = visibleShotsNum;
    this.sw = 33;
    this.element = ident;
    this.table = document.getElementById(this.element);
    this.rows = this.table.getElementsByTagName("tr");
    this.hiddenShotsNum = this.rows[0].getElementsByTagName("td").length - this.visibleShotsNum;
}

Slider1.prototype.sLeft = function() {
    for (i=0; i<this.rows.length; i++){
	var shots = this.rows[i].getElementsByTagName("td");
	var commandItem = this.rows[i].getElementsByTagName("th")[1];
	var firstShot = shots[0];
	var p = (this.hiddenShotsNum > 0 ? 0 : 1)
	var firstUnvisibleShot = shots[(shots.length) - this.hiddenShotsNum - p]; 
        firstUnvisibleShot.className == "tcell" ? '' : firstUnvisibleShot.className="tcell";
	this.rows[i].insertBefore(firstShot, commandItem);
	firstShot.className = "tna";
    }
}
		
Slider1.prototype.sRight = function() {
    for (i=0; i<this.rows.length; i++){
	var shots = this.rows[i].getElementsByTagName("td");
	var firstShot = shots[0];
	var lastShot = shots[shots.length-1];
	var shotBeforeLast = shots[shots.length-2];
        lastShot.className == "tcell" ? '' : lastShot.className="tcell";
        this.rows[i].insertBefore(lastShot, firstShot);
	shots[shots.length - this.hiddenShotsNum].className="tna";
    }
}