var capaOferta;
var capaOmbra;

function ofertaOn(){
	
	//obtenim referencia a la capa
	capaOferta = document.getElementById('oferta');
	capaOmbra = document.getElementById('ombra');
	capaOferta.width= capaOmbra.width= 500;
	capaOferta.height= capaOmbra.height = 200;
    
	//ocultem la foto
    ofertaOff();

	var NS = (navigator.appName=="Netscape")?true:false;
	
	var x,y;
	if (NS){ // all other Explorers
		//Netscape
		anc_doc = window.innerWidth;
	    alt_doc = window.innerHeight;
		x = self.pageXOffset;
		y = self.pageYOffset;
	} else {
		//Internet Explorer
		anc_doc = document.documentElement.offsetWidth;
	    alt_doc = document.documentElement.offsetHeight;
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	
	v_x=parseInt( (( anc_doc - capaOferta.width) / 2)+ x);
    v_y=parseInt( (( alt_doc - capaOferta.height) / 2)+ y);
	
	//asegura posicionar almenos a 30 px del margen superior del navegador
    if (v_y<30){
	    v_y = 30;
    }
    
	capaOferta.style.top = v_y+'px';
	capaOferta.style.left = v_x+'px';
	capaOferta.style.zIndex = 2;
	
	capaOmbra.style.top = (v_y+4)+'px';
	capaOmbra.style.left = (v_x+4)+'px';
	capaOmbra.style.width = capaOferta.width;
	capaOmbra.style.height = capaOferta.height;
	capaOmbra.style.zIndex = 1;
	
	
	capaOferta.style.display='block';
	capaOmbra.style.display='block';
	
}

//ocultem la capa del popup de la foto
function ofertaOff(){
    capaOferta.style.display = 'none';
    capaOmbra.style.display = 'none';
}