/*----------------------*/
var maxPos = 6; //  Quantity of columns
/*----------------------*/

var currentPos = 1;
var freeDiv = 1;
var speed = 11;
var speed2 = 10;

function listDiv(pos) {
	if(freeDiv){
		freeDiv = 0;
		if(pos == 'next'){
			if(currentPos == maxPos - 2) {
				goPos = 1;
			}else{
				goPos = currentPos + 1;
			}
		}else if(pos == 'prev'){
			if(currentPos == 1) {
				goPos = maxPos - 2;
			}else{
				goPos = currentPos - 1;
			}
		}else{
			return;
		}
		var fromPos = -220 * (currentPos - 1);
		var fromPos2 = -200 * (currentPos - 1);
				
		setPosition(goPos,fromPos,fromPos2);
		
		return;
	}else{
		return;
	}
	
}

function setPosition(goPos,fromPos,fromPos2) {
	
	var goingPos = -220 * (goPos - 1);
	var goingPos2 = -200 * (goPos - 1);

	
	if (goingPos < fromPos) {
		fromPos = fromPos - speed;
		fromPos2 = fromPos2 - speed2;
	}else if (goingPos > fromPos) {
		fromPos = fromPos + speed;
		fromPos2 = fromPos2 + speed2;
	}else{
		currentPos = goPos;
		freeDiv = 1;
		return;
	}
	
	document.getElementById('boxs').style.left=fromPos+'px';
	document.getElementById('select').style.left=fromPos2+'px';
	
	if (t) {
		clearTimeout(t);
	}
	
	var repeat = "setPosition("+goPos+","+fromPos+","+fromPos2+")"; 
    var t = setTimeout(repeat, 10);
	
	return;
}