
function setOpacity (element, value){
	element.style.opacity = value/10;
	element.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function BackFadeAppendBackfadeDiv(){
        log("BackFadeAppendBackfadeDiv()");
   
    divBackfade = document.createElement('div');        
    divBackfade.setAttribute('id', 'divBackfade');
    
    //need to set these values explicity 
    divBackfade.style.position = 'absolute';
    divBackfade.style.zIndex = '12';
    divBackfade.style.left = 0;
    divBackfade.style.top = 0;
     divBackfade.style.width = "100%";

    divBackfade.style.backgroundColor = "#666666";
    divBackfade.style.position = 'absolute';
    divBackfade.style.overflow = 'hidden';
    setOpacity(divBackfade, 6);
    document.body.appendChild(divBackfade);
	posthis($('divBackfade'));
     
    // and test
    if(document.getElementById("divBackfade")==null){
        log("Backfade not created");
    } else {
          log("Backfade created");
    }
}

window.addEvent('domready', function() {
	
	//BackFadeAppendBackfadeDiv();
	
});
var PopUpresize = false;

function checkBrowserPos(){
	if(PopUpresize){
		posthis($('divBackfade'));
	}
}

function posthis(obj) {
	
	obj.setStyles({height: Window.getHeight()+ Window.getScrollTop()+'px'});
	
}

var fn = open ? 'addEvent' : 'removeEvent';
	window[fn]('scroll', function(){checkBrowserPos()})[fn]('resize', function(){checkBrowserPos()});


