var generalOpacity = 0;
var increaseOpacity = false;

var darkId = "";
var darkOpacity = 0;
var darkNavegador = 0;
var darkInterval = 0;


//crea capa que oscurece pagina
function createDarkPage(id, color, opacity, interval)
{
	//datos de medidas
	var data = getDimensions();
	
	var navegador=1;
	if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
	var layer=document.createElement('div');
	layer.id=id;
	if(data[1]==data[5])
	{
		layer.style.width=data[4]+'px';
		layer.style.height=data[5]+'px';
		layer.style.left=data[2]+'px';
		
	}
	else
	{
		layer.style.width=document.body.offsetWidth+'px';
		layer.style.height=data[5]+'px';
		layer.style.left=data[2]+'px';
	}
	layer.style.backgroundColor=color;
	layer.style.position='absolute';
	layer.style.top=0;
	//layer.style.left=0;
	layer.style.zIndex=100;
	//inicio en opacidad 0
	if(darkNavegador==0)
	{
		layer.style.filter='alpha(opacity=0)';
	}
	else
	{
		layer.style.opacity = 0;
	}
	document.body.appendChild(layer);
	darkId = id;
	darkOpacity = opacity;
	darkNavegador = navegador;
	darkInterval = interval;
	increaseOpacity = true;
	generalOpacity = 1;
	goDarker();
}

function goDarker()
{
	//si no se llego a la opacidad deseada procedo
	if(increaseOpacity==true)
	{
		generalOpacity *= 2;
		//si me paso o igualo la opacidad deseada igualo y aviso que no se amuente mas
		if(generalOpacity >= darkOpacity)
		{
			generalOpacity = darkOpacity;
			increaseOpacity = false;
		}
		
		//aumento segun navegador la opacidad
		if(darkNavegador==0)
		{
			document.getElementById(darkId).style.filter='alpha(opacity='+generalOpacity+')'
		}
		else
		{
			document.getElementById(darkId).style.opacity = generalOpacity/100;
		}
		
		if(increaseOpacity==true)
		{
			timer = setTimeout("goDarker()", darkInterval);
		}
	}
}

//redimenciona la capa
function darkPageReSize()
{
	if(document.getElementById(darkId) != null)
	{
		//datos de medidas
		var data = getDimensions();
		
		if(data[1]==data[5])
		{
			document.getElementById(darkId).style.width=data[4]+'px';
			document.getElementById(darkId).style.height=data[5]+'px';
			document.getElementById(darkId).style.left=data[2]+'px';
			
		}
		else
		{
			document.getElementById(darkId).style.width=document.body.offsetWidth+'px';
			document.getElementById(darkId).style.height=data[5]+'px';
			document.getElementById(darkId).style.left=data[2]+'px';
		}
	}
}

//elimino oscuridad
function deleteDark()
{
	var hijo = document.getElementById(darkId);
	var padre = hijo.parentNode;
	var hijoRemovido = padre.removeChild(hijo);
}