function $(id){ return document.getElementById(id); }


opacidade=function(){
	IdElementoSobreP="popImg";
	var setPositionTimeOut;
	displayopacidade=false;
	addOnresizeWindow=false;

	this.hide=function(){
		clearTimeout(setPositionTimeOut);
		$('idOpacidade').style.display='none';
		$(IdElementoSobreP).style.display='none';
		displayopacidade=false;
	}
	
	this.appendopacidade=function($styleW,$styleH){
		if(!$('idOpacidade')){
			elemento=document.createElement('div');
			elemento.id="idOpacidade";
			elemento.onclick=function(){opacidade.hide()};
			elemento.style.position="absolute";
			elemento.style.top=0;
			elemento.style.left=0;
			elemento.style.width="100%";
			elemento.style.height="100%";
			elemento.style.zIndex=10000;
			elemento.style.backgroundColor="#000";
			elemento.style.opacity=0.45;
			elemento.style.filter="alpha(opacity=45)";
			elemento.style.MozOpacity=0.45;
			document.getElementsByTagName('body')[0].childNodes[0].parentNode.insertBefore(elemento,document.getElementsByTagName('body')[0].childNodes[0]);
			
			divContainer=document.createElement("div");
			divContainer.id="popImg"
			divContainer.style.position="absolute";
			divContainer.style.backgroundColor="#fff";
			divContainer.style.top=0;
			divContainer.style.left=0;
			divContainer.style.padding="2px 16px 16px 16px";
			divContainer.style.width=$styleW+"px";
			divContainer.style.height=$styleH+"px";
			divContainer.style.zIndex=10001;
			document.getElementsByTagName('body')[0].childNodes[0].parentNode.insertBefore(divContainer,document.getElementsByTagName('body')[0].childNodes[0]);
			
		}
	}
	
	opacidadeToZero=function(){
		$('idOpacidade').style.width=0;
		$('idOpacidade').style.height=0;
	}

	this.aplicar=function($caminho,$largura,$altura,$styleW,$styleH){
		this.appendopacidade($styleW,$styleH);
		displayopacidade=true;
		
		if(navigator.userAgent.indexOf('MSIE')>=0 && addOnresizeWindow==false){
			window.attachEvent("onresize",
				function(){
					if(displayopacidade==true){
						opacidadeToZero();
					}
				}
			)
			addOnresizeWindow=true;
		}
		
		this.setPosition(0);
		
		$('idOpacidade').style.display='block';
		HE=$(IdElementoSobreP);
		HE.style.display='block';
		HE.style.position='absolute';
		HE.style.top=HE.style.left=0;
		HE.style.zIndex=10001;
		
		codeElementoSobreposto1='<a href="javascript:opacidade.hide();" style="font:arial 11px;color:#262626;float:right;*margin-right:-33px">Fechar</a>';
		codeElementoSobreposto1+='<iframe src='+$caminho+' width="'+$largura+'" height="'+$altura+'" frameborder="1" scrolling="no"></iframe>';
		
		//$("popImg").innerHTML=codeElementoSobreposto1;
		$("popImg").innerHTML="<a href='javascript:opacidade.hide();' style='font:arial 11px;color:#262626;float:right;*margin-right:-33px'>Fechar</a><br /><img src='"+$caminho+"' />";
		this.setPosition(1);
	} 

	this.setPosition=function(){
		IO=$('idOpacidade');
		
		if(navigator.appVersion.indexOf("MSIE")>=0){
			IO.style.height=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)+"px";
			
			if(document.documentElement.clientWidth>0){
				IO.style.width=document.documentElement.scrollWidth+"px";
			}else if(document.body.offsetWidth!=document.body.scrollWidth){
				IO.style.width=document.body.scrollWidth+"px";
			}else{
				IO.style.width=document.body.clientWidth+"px";
			}
		}else{
			IO.style.height=Math.max(document.body.clientHeight,document.documentElement.clientHeight,document.getElementsByTagName('html')[0].offsetHeight)+"px";
			IO.style.width=document.documentElement.clientWidth+document.documentElement.scrollLeft+document.body.scrollLeft+"px";
		}
		
		$(IdElementoSobreP).style.top=$(IdElementoSobreP).style.left='50%';
		
		scrollXOld=window.pageXOffset || ((document.body && document.body.scrollLeft?document.body.scrollLeft:false) || (document.documentElement && document.documentElement.scrollLeft?document.documentElement.scrollLeft:false)) || 0;
		scrollYOld=window.pageYOffset || ((document.body && document.body.scrollTop?document.body.scrollTop:false) || (document.documentElement && document.documentElement.scrollTop?document.documentElement.scrollTop:false)) || 0;
		
		$(IdElementoSobreP).style.marginLeft=(($(IdElementoSobreP).offsetWidth/2)*-1+scrollXOld)+"px";
		$(IdElementoSobreP).style.marginTop=(($(IdElementoSobreP).offsetHeight/2)*-1+scrollYOld)+"px";
		
		if(arguments[0]==1) setPositionTimeOut=setTimeout(function(){opacidade.setPosition(1);},20);
	}
}

opacidade=new opacidade();

function hidePopInner(){
	//clearTimeout(setPositionTimeOut);
	$('idOpacidade').style.display='none';
	$('popImg').style.display='none';
	displayopacidade=false;
}

function popInner($caminho,$largura,$altura,$styleW,$styleH){
	
	elemento=document.createElement('div');
	elemento.id="idOpacidade";
	elemento.onclick=function(){hidePopInner()};
	elemento.style.position="absolute";
	elemento.style.top=0;
	elemento.style.left=0;
	elemento.style.width="100%";
	elemento.style.height=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)+"px";
	elemento.style.zIndex=10000;
	elemento.style.backgroundColor="#000";
	elemento.style.opacity=0.45;
	elemento.style.filter="alpha(opacity=45)";
	elemento.style.MozOpacity=0.45;
	document.getElementsByTagName('body')[0].childNodes[0].parentNode.insertBefore(elemento,document.getElementsByTagName('body')[0].childNodes[0]);
	
	divContainer=document.createElement("div");
	divContainer.id="popImg"
	divContainer.style.position="absolute";
	divContainer.style.backgroundColor="#fff";
	divContainer.style.top=0;
	divContainer.style.left=0;
	divContainer.style.padding="2px 16px 16px 16px";
	divContainer.style.width=$styleW+"px";
	divContainer.style.height=$styleH+"px";
	divContainer.style.zIndex=10001;
	document.getElementsByTagName('body')[0].childNodes[0].parentNode.insertBefore(divContainer,document.getElementsByTagName('body')[0].childNodes[0]);
	$('idOpacidade').style.display='block';
	$('popImg').style.display='block';

	displayopacidade=true;

	//this.setPosition(0);
	
	$('idOpacidade').style.display='block';
	
	$("popImg").innerHTML="<a href='javascript:hidePopInner();' style='font:arial 11px;color:#262626;float:right;*margin-right:-33px'>Fechar</a><br /><img src='"+$caminho+"' />";
	//this.setPosition(1);
	
}

function posicionaElemento(){
	IO=$('idOpacidade');
	
	$('popImg').style.top=$('popImg').style.left='50%';
	
	scrollXOld=window.pageXOffset || ((document.body && document.body.scrollLeft?document.body.scrollLeft:false) || (document.documentElement && document.documentElement.scrollLeft?document.documentElement.scrollLeft:false)) || 0;
	scrollYOld=window.pageYOffset || ((document.body && document.body.scrollTop?document.body.scrollTop:false) || (document.documentElement && document.documentElement.scrollTop?document.documentElement.scrollTop:false)) || 0;
	
	$('popImg').style.marginLeft=(($('popImg').offsetWidth/2)*-1+scrollXOld)+"px";
	$('popImg').style.marginTop=(($('popImg').offsetHeight/2)*-1+scrollYOld)+"px";
	
	//if(arguments[0]==1) setPositionTimeOut=setTimeout(function(){opacidade.setPosition(1);},20);
}