var pos = 0;
var pos2 = 0;
var panel = null;
var panel2 = null;
var minPos = -4401; // minimal left position of panel1
var minPos2 = -8181; // minimal left position of panel2
var widthPanel = 8181; // width any panel
var timer = null;
var delayTimer = null;
var step = 0;
var isDown = false;

function preLoad(imagePanel, imagePanel2) {
    panel = imagePanel;
    panel2 = imagePanel2;
}

function scrollToLeft() {
    isDown = false;
    clearTimeout(delayTimer);
    clearTimeout(timer);
    step = 0;
    moveToLeft();
}

function scrollToRight() {
    isDown = false;
    clearTimeout(delayTimer);
    clearTimeout(timer);
    step = 0;
    moveToRight();
}

function delayScrollToLeft() {
    isDown = true;
    delayTimer = setTimeout("moveToLeft()", 400);
}

function delayScrollToRight() {
    isDown = true;
    delayTimer = setTimeout("moveToRight()", 400);
}

function moveToLeft() {
    if (step < 48) {
        if (isDown == false) step ++;
        
        if (pos > minPos) {
            pos --; pos --; pos --; pos --;
        }
        else pos = pos + widthPanel;
        
        panel.style.left = pos + "px";
        
        if (pos2 > minPos2) {
            pos2 --; pos2 --; pos2 --; pos2 --;
        }
        else pos2 = pos;
        
        panel2.style.left = pos2 + "px";
        
        timer = setTimeout("moveToLeft()", 1);
    }
    else step = 0;
}

function moveToRight() {
    if (step < 48) {
        if (isDown == false) step ++;
        
        if (pos < (widthPanel + minPos)) {
            pos ++; pos ++; pos ++; pos ++;
        }
        else pos = minPos;
        
        panel.style.left = pos + "px";
        
        if (pos2 < 0) {
            pos2 ++; pos2 ++; pos2 ++; pos2 ++;
        }
        else pos2 = pos2 - widthPanel;
        
        panel2.style.left = pos2 + "px";
        
        timer = setTimeout("moveToRight()", 1);
    }
    else step = 0;
}

function hideWaitString(waitString) {
	if(waitString){
		waitString.style.visibility = "hidden";
	}
}

function showPictures(arrows) {
    if(panel)panel.style.visibility = "visible";
    if(panel2)panel2.style.visibility = "visible";
    if(arrows) {
    	arrows.style.visibility = "visible";
    }
}