var ancho= 0;
var tiempo= 0;


/*definen la posición y la anchura de la barra*/
function mostrar(pos, alt, posfire, altfire, altoultimoli, altoultimolifirefox){

	/*caso firefox*/
	
	if( typeof( window.document.height ) == "number" ) {
		if(typeof cuadrogris ==  'object'){	
			
			document.getElementById('cuadrogris').style.height=  document.body.scrollHeight-445;
		
			
			
	
		}
		var redimen = document.getElementsByTagName("BODY")[0].offsetWidth;
		
		//posicionamiento absoluto dependiendo de la anchura de la pantalla
		if (redimen < 760) {
			redimen=152;
		}
		else{
			redimen= redimen -760;
			redimen= redimen / 2;
			redimen= redimen +172;
		}
		//asignacion de caracteristicas a la barra y llamada a la función de despliegue de la barra
		if(typeof barra ==  'object'){	
		
			document.getElementById('barra').style.left= redimen;			
			document.getElementById('barra').style.display= 'block';
			
			document.getElementById('barra').style.top= posfire;
			document.getElementById('barra').style.height= altfire;
			setTimeout("suma_ancho();",1);
		}
		if(typeof ultimoli ==  'object'){	
	
			document.getElementById('ultimoli').style.height= altoultimolifirefox;
			
			
	
		}
	
	
	
	}
	//caso explorer
	else{
		
		var redimen = document.getElementsByTagName("BODY")[0].offsetWidth;
		
		//posicionamiento absoluto dependiendo de la anchura de la pantalla
		if (redimen < 760) {
			redimen=152;
		}
		else{
		
			redimen= redimen -760;
			redimen= redimen / 2;
			redimen= redimen +162;
		}
		//asignacion de caracteristicas a la barra y llamada a la función de despliegue de la barra	
		if(typeof barra ==  'object'){	
			
			document.getElementById('barra').style.left= redimen;
			document.getElementById('barra').style.display= 'block';
			
			document.getElementById('barra').style.top= pos;
			document.getElementById('barra').style.height= alt;
			setTimeout("suma_ancho();",1);
	
		}
		
		if(typeof ultimoli ==  'object'){		
			document.getElementById('ultimoli').style.height= altoultimoli;
			
			if (altoultimoli <13){
				altoultimoli=12;	
			}
			document.getElementById('ultimoli').style.paddingBottom= altoultimoli - 12;
			
			
	
		}
		
		if(typeof cuadrogris ==  'object'){	
			
			//document.getElementById('cuadrogris').style.height= document.body.scrollHeight-445;
			document.getElementById('cuadrogris').style.height= document.body.scrollHeight-385;
	
		}
	
		
	
		
	
	
	
	}
				

}

contEjec = 0;

/*incremento del ancho de la barra con el tiempo*/
function suma_ancho(){

	if(contEjec==28){
	  	document.getElementById('textobarra').style.display= 'block'; 
	 	return;
	} 
	ancho= ancho+21;
	document.getElementById('barra').style.width= ancho; 
	contEjec ++;
	setTimeout("suma_ancho();",1);
}