// JavaScript Document

window.onload = getParameters;

function getParameters() {
	/* --------------------------------------------------  N95  -----------------------------------------*/
var table_container_n95 = document.getElementById("n95_pict");
var all_images_n95 = table_container_n95.getElementsByTagName("img").length; // all images inside 'n97_pict'; + 
var images_width_n95 = new Array(all_images_n95); 
	for(var k = 0; k < all_images_n95; k++) {
		images_width_n95[k] = parseInt(table_container_n95.getElementsByTagName("img")[k].style.width); // width of every single image;
	}

var step_n95 = all_images_n95;
var left_step_n95 = 0;
var left_n95 = 0;
var speed_n95 = 1;

document.getElementById("right_button2").onclick = Previous_n95;
document.getElementById("left_button2").onclick = Next_n95;

function Previous_n95() {
if(this.className != "right_button" && document.getElementById("left_button2").className != "left_button") return false;

	if(step_n95 < 1) {
	    step_n95 = 0;
		return false;
	}
	
	else if(step_n95 > 1) {
	   left_n95 = parseInt(table_container_n95.style.left); // X coordinate of table;
	   left_step_n95 = left_n95 - images_width_n95[0]; // dx;
	   step_n95 = step_n95 - 1;
	   this.className = "new_right_button";
	   document.getElementById("left_button2").className = "new_left_button"; 
	   var x_n95 = setInterval(leftMove_n95, speed_n95);
	}
}

function leftMove_n95() {
    if(left_n95 > left_step_n95) {
		left_n95 -= 2;
		table_container_n95.style.left = left_n95 + "px"; // moving left;
	}
	
	else {
        document.getElementById("left_button2").className = "left_button";
		document.getElementById("right_button2").className = "right_button";
		clearInterval(x_n95);
	}
} 


function Next_n95() {
if(this.className != "left_button" && document.getElementById("right_button2").className != "right_button") return false;

	if(step_n95 == all_images_n95) {
	    return false;
	}
	
	else if(step_n95 < all_images_n95) {
	   left_n95 = parseInt(table_container_n95.style.left); // X coordinate of table;
	   left_step_n95 = left_n95 + images_width_n95[0]; // dx;
	   step_n95 = step_n95 + 1;
	   this.className = "new_left_button";
	   document.getElementById("right_button2").className = "new_right_button";
	   var y_n95 = setInterval(rightMove_n95, speed_n95);
	}
}		

function rightMove_n95() {
    if(left_n95 < left_step_n95) {
	    left_n95 += 2; // moving right;
		table_container_n95.style.left = left_n95 + "px";
	}
	else {
	     document.getElementById("left_button2").className = "left_button";
		 document.getElementById("right_button2").className = "right_button";
	     clearInterval(y_n95); 
	}
}   
            /* --------------------------------------------------  N97  -----------------------------------------*/

var table_container = document.getElementById("n97_pict");
var all_images = table_container.getElementsByTagName("img").length; // all images inside 'n97_pict';
var images_width = new Array(all_images); 
	for(var i = 0; i < all_images; i++) {
		images_width[i] = parseInt(table_container.getElementsByTagName("img")[i].style.width); // width of every single image;
	}

var step = all_images;
var left_step = 0;
var left = 0;
var speed = 1;

document.getElementById("right_button1").onclick = Previous;
document.getElementById("left_button1").onclick = Next;

function Previous() {
if(this.className != "right_button" && document.getElementById("left_button1").className != "left_button") return false;

	if(step < 1) {
	    step = 0;
		return false;
	}
	
	else if(step > 1) {
	   left = parseInt(table_container.style.left); // X coordinate of table;
	   left_step = left - images_width[0]; // dx;
	   step = step - 1;
	   this.className = "new_right_button";
	   document.getElementById("left_button1").className = "new_left_button";
	   var x = setInterval(leftMove, speed);
	}
}

function leftMove() {
    if(left > left_step) {
		left -= 2;
		table_container.style.left = left + "px"; // moving left;
	}
	
	else {
        document.getElementById("right_button1").className = "right_button";
		document.getElementById("left_button1").className = "left_button";
		clearInterval(x);
	}
} 


function Next() {
if(this.className != "left_button" && document.getElementById("right_button1").className != "right_button") return false;

	if(step == all_images) {
	    return false;
	}
	
	else if(step < all_images) {
	   left = parseInt(table_container.style.left); // X coordinate of table;
	   left_step = left + images_width[0]; // dx;
	   step = step + 1;
	   this.className = "new_left_button";
	   document.getElementById("right_button1").className = "new_right_button";
	   var y = setInterval(rightMove, speed);
	}
}		

function rightMove() {
    if(left < left_step) {
	    left += 2; // moving right;
		table_container.style.left = left + "px";
	}
	else {
	     document.getElementById("left_button1").className = "left_button";
		 document.getElementById("right_button1").className = "right_button";
	     clearInterval(y); 
	}
}   


}