/*
Menú Deslizante
Desarrollado por: Huber Oswaldo Muñoz
Mayo 06 de 2007
versión 0.0.3

*/

var posicion_x_inicial = 258;
var posicion_y_inicial = 524;
var menu_recorrido = 30;
var div_separation = 4;
var div_speed = 1;
var mask_color = '#ccc';
var mask_width = '135px';
var mask_height = '20px';
var active_mask = false;
var div_contenedor = 'slide_menu_container';
var id_div_deslizantes ='slinding_titulo';
var divs = new Array;


function load_slide(){
	 
	
	var div_container =document.getElementById(div_contenedor);
	
	div_container.style.display='block';
	divs = div_container.getElementsByTagName('div');
	var posx = posicion_x_inicial;  
	var posy = posicion_y_inicial;
	var num = divs.length;
		
	for (var n=0; n < num ; n++)
	{	
		divs[n].id= id_div_deslizantes+n;			
	}
	menu_recorrido_y = posicion_y_inicial-menu_recorrido;
	
	for (var n=0; n < num ; n++)
	{		
		divs[n].style.left= posx +'px';
		divs[n].style.top= posy +'px';
			
		posy = (posy + divs[n].offsetHeight)+div_separation;
		
	}
	
	setInterval('slide_menu(" ")',40);
	
	if (active_mask)
	{
		make_mask(menu_recorrido_y,mask_height);
		var mask_down_height = div_separation * num+12;	
		var mask_down_pos = posicion_y_inicial +0;	
		make_mask(mask_down_pos,mask_down_height);
	}
	
}

function slide_menu(){
		
	var div_actual;
	var y_actual_pos;
	var num = divs.length;
	
    

	for (var n=0; n < num ; n++)
	{
	div_actual = divs[n];
	
	y_actual_pos = div_actual.offsetTop;
			
		if (y_actual_pos < menu_recorrido_y)
		{				
		valores_iniciales(divs[n].id);			
		}
		else
		{
			if (y_actual_pos < posicion_y_inicial)
			{
				
				//div_actual.style.visibility='hidden';
			}
		y_actual_pos = y_actual_pos - div_speed;		
		div_actual.style.top = y_actual_pos+'px';
		}

	}
	
	
}

function valores_iniciales(id_div_actual){
	
	
	var tam_divs = 0;
	for (var n=0; n < divs.length ; n++ )
    {	
		//var diven =document.getElementById(divs[n]);
		tam_divs = tam_divs + divs[n].offsetHeight;
    }
	//alert('Alto:'+tam_divs);
	var div =document.getElementById(id_div_actual);
	var correcion = (posicion_y_inicial + tam_divs)-menu_recorrido+div_separation+16;
	div.style.left= posicion_x_inicial +'px';
	div.style.top= correcion +'px';
	div.style.display='block';
	div.style.visibility='visible';
	//slide_menu(divs);
	
}

function make_mask(posisiony,alto){

	var mask = document.createElement('DIV');
	mask.style.position = 'absolute';
	mask.style.top = posisiony+'px';
	mask.style.left = posicion_x_inicial+'px';
	mask.style.width = mask_width;
	mask.style.height = alto;
	mask.style.backgroundColor = mask_color;
	document.body.appendChild(mask);
}