// JavaScript Document

var speed = 300;

var objContent;
var objContainer;
var ContainerWidth;
var interval = "";

var shiftNum = 0;
var shiftNumArr = new Array()

function moveleft_click(ItemIndex) {

	//shiftNum += -1;
    //set default value to array (executed only for the first time)
    if (shiftNumArr[ItemIndex] == null) {
        shiftNumArr[ItemIndex] = 0;
    }
	shiftNumArr[ItemIndex] -= 1;
}

function moveright_click(ItemIndex) {

	//shiftNum += 1;
	//set default value to array (executed only for the first time)
    if (shiftNumArr[ItemIndex] == null) {
        shiftNumArr[ItemIndex] = 0;
    }
	shiftNumArr[ItemIndex] += 1;
}

function moveleft(ContentElementId, ContainerElementId, ItemIndex){

    //save objects
	objContent = document.getElementById(ContentElementId);
	objContainer = document.getElementById(ContainerElementId);
	
	ContainerWidth = objContainer.offsetWidth
	
	//check next style.left (stop points like 912, 1824 etc...) is within content offset width
	if ( ContainerWidth * (shiftNumArr[ItemIndex]) >= (objContent.offsetWidth) * (-1) ) {
		
		//if (current style.left - speed) value is within next style.left 
		if ( parseInt( (objContent.style.left).replace("px", "") ) - speed >= ContainerWidth * (shiftNumArr[ItemIndex])) {
			objContent.style.left =  parseInt(objContent.style.left) - speed + "px";
		}
		else {
			//adjust last style.left
			objContent.style.left = ContainerWidth * (shiftNumArr[ItemIndex]) + "px";

			//stop timer
			if ( interval_move != "" ) {
				window.clearInterval( interval_move );
				interval_move = "";
			}
			return false
		}
		document.getElementById("arrLeft" + ItemIndex).style.display = "block";		
	}
	
	//if there is not more pages, hide an arrow
	if ( !( ContainerWidth * (shiftNumArr[ItemIndex] + (-1)) >= (objContent.offsetWidth) * (-1) ) ) {
		document.getElementById("arrRight" + ItemIndex).style.display = "none";
	}
	
	interval_move = setTimeout("moveleft('" + ContentElementId + "','" + ContainerElementId + "','" + ItemIndex + "')", 60);
}

function moveright(ContentElementId, ContainerElementId, ItemIndex){
	
    //save objects
	objContent = document.getElementById(ContentElementId);
	objContainer = document.getElementById(ContainerElementId);
	
	ContainerWidth = objContainer.offsetWidth	
	
	//check next style.right (stop points like 912, 1824 etc...) is within content offset width
	if ( ContainerWidth * (shiftNumArr[ItemIndex]) <= 0 ) {
		
		//if (current style.right - speed) value is within next style.right 
		if ( parseInt( (objContent.style.left).replace("px", "") ) + speed <= ContainerWidth * (shiftNumArr[ItemIndex])) {
			objContent.style.left =  parseInt(objContent.style.left) + speed + "px";
		}
		else {
			//adjust last style.right
			objContent.style.left = ContainerWidth * (shiftNumArr[ItemIndex]) + "px";

			//stop timer
			if ( interval_move != "" ) {
					window.clearInterval( interval_move );
					interval_move = "";
			}
			return false
		}
		document.getElementById("arrRight" + ItemIndex).style.display = "block";			
	}
	
	//if there is not more pages, hide an arrow
	if ( !( ContainerWidth * (shiftNumArr[ItemIndex] + (+1)) <= 0 ) ) {
		document.getElementById("arrLeft" + ItemIndex).style.display = "none";
	}
	
	interval_move = setTimeout("moveright('" + ContentElementId + "','" + ContainerElementId + "','" + ItemIndex + "')", 60); 
}