var isPause = 'N';
var directions = '<';
var nums = 10;
var speed = 1;    
var imgWidth = 143;
var tableWidth = 816;
 
function setPosition(str, str2, str3){
	if(str3 == 'l')
	{
		$(str).css("left", str2);
	}
	else if(str3 == 't')
	{
		$(str).css("top", str2);
	}
}

function getPosition(str,str2){
	if(str2 == 'l')
	{
		return parseInt($(str).css("left").replace('px',''));
	}
	else if(str2 == 't')
	{
		return parseInt($(str).css("top").replace('px',''));
	}
}

function moves(){
	var cutRightPosi = imgWidth * (nums-1);
	var tmp = tableWidth - imgWidth;
	
	if(isPause == 'N'){
		for(var i=1; i<=nums ; i++){
			if(directions == '>'){
				if(getPosition('#img'+i, 'l') >= cutRightPosi)
				{
					setPosition('#img'+i, -imgWidth, 'l');
				}
				setPosition('#img'+i, getPosition('#img'+i, 'l')+speed, 'l')
			}else if(directions == '<'){
				if(getPosition('#img'+i, 'l') <= -(cutRightPosi)+tmp)
				{
					setPosition('#img'+i, tableWidth, 'l');
				}
				setPosition('#img'+i, getPosition('#img'+i, 'l')-speed, 'l')
			}
		}
	}
}

function initPosition(){
    for(var i=1 ; i<=nums ;i++){
        setPosition('#img'+i, (i-1)*imgWidth , 'l')
    }
}

function dirChange(value) { 
	if(value == '1')
	{
		directions = '<';
	}
	else if(value == '2')
	{
		directions = '>';
	}
}