// JavaScript Document

//Para efetuar o Slide de um objeto: 
			//Coloque em algum evento ou chame diretamente a função xSlideTo;


// descrição de variáveis:
			//var_x_slide_to_x_atual:armazena a posição do objeto na coordenad 'X' antes de aplicar o 'slide';
			//var_x_slide_to_x_end:armazena a posição final do objeto na coordenada 'X' após aplicado o 'slide';
			//var_x_slide_to_x_speed:armazena a quantidade de bits que o objeto será movido a cada passo da animação;
			//var_x_slide_to_x_controle:variável de controle do intervalo que gera a animação de 'slide';
			//var_x_slide_to_x_id:armazena o 'id' do objeto que sofrerá o 'slide';
			//var_x_slide_to_x_obj:armazena uma referência para o objeto que sofrerá o 'slide';


// descrição das funções:
			//xSlideTo(_id,_xPos,_tempo):inicializa todas as variáveis. Chama a funçao 'xSlide' de tempos em tempos para modificar a posição do objeto;
			//xSlide():altera a posição do objeto de acordo com o número armazenado em var_x_slide_to_x_speed;
			
			
//--------------------------------------------------------------------------
var var_x_slide_to_x_atual;
var var_x_slide_to_x_end;
var var_x_slide_to_x_speed;
var var_x_slide_to_x_controle;
var var_x_slide_to_x_id = '';
var var_x_slide_to_x_obj = null;
//--------------------------------------------------------------------------
function xSlideTo(_id,_xPos,_tempo){
	if(_id != ""){var_x_slide_to_x_id = _id;}
	var_x_slide_to_x_obj = document.getElementById(var_x_slide_to_x_id);
	var_x_slide_to_x_atual = var_x_slide_to_x_obj.offsetLeft;
	var_x_slide_to_x_end = _xPos;	
	var_x_slide_to_x_speed = ((var_x_slide_to_x_end - var_x_slide_to_x_atual)/_tempo)/100;
	var_x_slide_to_x_controle = setInterval(xSlide,10);	
}
//--------------------------------------------------------------------------
function xSlide(){	
	var x_pos_temp = (var_x_slide_to_x_atual + var_x_slide_to_x_speed);
	if(var_x_slide_to_x_speed > 0){
		if(x_pos_temp > var_x_slide_to_x_end){
			x_pos_temp = var_x_slide_to_x_end; 
			clearInterval(var_x_slide_to_x_controle);
		}
	}
	else{
		if(x_pos_temp < var_x_slide_to_x_end){
			x_pos_temp = var_x_slide_to_x_end;			
			clearInterval(var_x_slide_to_x_controle);
		}
	}
	var_x_slide_to_x_obj.style.left = x_pos_temp + "px";
	var_x_slide_to_x_atual = x_pos_temp;
}