var elem_list;
var cur_elem;
var move_timer;
var move_width;
var move_dir;

var move1;
var move1_posx;
var move2;
var move2_posx;

function doMove() {
	var endit;

	endit = 0;

	move1_posx+=move_dir*50;
	move2_posx+=move_dir*50;
	if (move_dir<0) {
		if (move1_posx <= -1*move_width)
			endit = 1;
	} else {
		if (move1_posx >= move_width)
			endit = 1;
	}

	if (endit == 1) {
		finishMove();
	} else {
			move1.style.left = move1_posx+'px';
			move2.style.left = move2_posx+'px';
	}	
}

function finishMove() {
	move1.style.display='none';
	move2.style.display='';
	move2.style.left = 0+'px';
	move2.style.top = 0+'px';
	clearInterval(move_timer);
	move_dir = 0;
}

function initMove(elems) {
	elem_list = elems;
	move_dir = 0;
	cur_elem = 0;
	
	var e = document.getElementById(elem_list);
	e.style.display = 'block';
	var k = e.getElementsByTagName('li');
	for (i=0;i<k.length;i++)
		k[i].style.display = 'none';
	var c =	k[cur_elem];	
	c.style.display = '';
	e.style.display = '';
}

function getDiv(elem, checkid) {
	for (i=0;i<elem.childNodes.length;i++)
		if (elem.childNodes[i].id == checkid)
			return elem.childNodes[i];

	return null;
}

function moveDiv(dir, place, elemid) {
	if (move_dir != 0) {
		finishMove();
	}
	var g = document.getElementById(place);
	var e = document.getElementById(elem_list);
	var k = e.getElementsByTagName('li');
	var maxelems = k.length;
	
	move_dir = -1*dir;
	move_width = g.offsetWidth;

	move1 = k[cur_elem];
	move1_posx = 0;
	move_timer = setInterval(doMove, 10);

	move2_posx = dir*move_width;
	if (cur_elem==0 && dir<0) {
		cur_elem = maxelems-1;
	} else if (cur_elem+1>=maxelems && dir>0) {
		cur_elem = 0;
	} else {
		cur_elem += dir;
	}
	move2 = k[cur_elem];
	move2.style.display = '';
	move2.style.left = move2_posx+'px';
	move2.style.top = 0;			
}