document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
}; 

function mover(actual){
	//alert(actual);
	var loading = document.getElementById('EncimadoDiv');
	loading.style.display = 'block';
	setTimeout("ocultar()",1000);
	var antes = 1;
	var lista = document.getElementById('botonera').getElementsByTagName('li'); //obtener la lista de todos los li de los botones
	for(var i=0;i<=lista.length;i++){
		if(lista[i].className=='selected'){
			var antes = i+1;
			var li_antes = document.getElementById('li_'+antes); //li anterior
			li_antes.className = '';
			var li_actual = document.getElementById('li_'+actual); //li nuevo
			li_actual.className = 'selected';
			break;
		}
	}
	
	if(actual<antes){ //Va hacia atras
		var mover = antes - actual;
		new Effect.Move('slide', {
		  x: 480*mover, y: 0, mode: 'relative',
		  transition: Effect.Transitions.linear
		});
	}else if(actual>antes){ //va hacia adelante
		var mover = actual - antes;
		new Effect.Move('slide', {
		  x: -480*mover , y: 0, mode: 'relative',
		  transition: Effect.Transitions.linear
		});
	}
}

function ocultar(){
	var loading = document.getElementById('EncimadoDiv');
	loading.style.display = 'none';
}