var myCount = 0;
var myMove = 0;

function slideRight(number) {
	if (document.getElementById && ((10 - myCount) > number)) {
		myObject = document.getElementById("slider-topics");
		myObject.style.left = myCount * - 111 + 'px';
		myCount += number;
		myMove = number * 111;
		
		moveRight();
	}
}

function moveRight() {
	if (myMove > 0) {
		var move = Math.floor(myMove/20) + 1;
		myObject.style.left = parseInt(myObject.style.left) - move + 'px';
		myMove-=  move;
		setTimeout(moveRight, 20);
	} 
}

function slideLeft(number) {
	if (document.getElementById && (myCount > 0)) {
		myObject = document.getElementById("slider-topics");
		myObject.style.left = myCount * - 111 + 'px';
		myCount -= number;
		myMove = number * 111;
		moveLeft();
	}
}

function moveLeft() {
	if (myMove > 0) {
		var move = Math.floor(myMove/20) + 1;
		myObject.style.left = parseInt(myObject.style.left) + move + 'px';
		myMove-=  move;
		setTimeout(moveLeft, 20);
	} 
}

function show(object) {
	if (document.getElementById) {
		myObject = document.getElementById(object);
		myObject.style.display = "block"
	}
}
		
function hide(object) {
	if (document.getElementById) {
		myObject = document.getElementById(object);
		myObject.style.display = "none"
	}
}