/**
 * @author claudio
 */
var imagenBarra = null;


function ponerBarra(divcontenido){	
	var contenido = $(divcontenido);
	
	
	var barra = new Element('div', {'id': 'progreso','class': 'progreso'});
			
	var size = contenido.getSize().size;
	
	barra.setStyle('width',size.x);
	barra.setStyle('height',size.y);
	barra.setOpacity(0.7);
	
	
	//var imagen = new Element('img', {'id': 'imaProgreso',imagenBarra.src: '', 'class': 'imgProgreso'});
    var imagen = imagenBarra;
	
	barra.injectInside(divcontenido);
	
	imagen.injectInside('progreso');
	
	imagen.setStyle('margin-top','65px');
	//alert(size.x / 2);
	imagen.setStyle('margin-left',(size.x - imagen.getSize().size.x) / 2);	
	
	barra.setStyle('top',-size.y);
	
}

function quitarBarra(){
	$('progreso').remove()
	
}