//inline popup blackout
function blackout(vis){
    var zindex = 50;
    var opacity = 75
    var opaque = 0.75;
    var bgcolor = '#000000';
    var dark = document.getElementById("blackout");
    var tbody = document.getElementsByTagName("body")[0];
    if (!dark){
        var tnode = document.createElement("div");
        tnode.style.position='fixed';
        tnode.style.zIndex = zindex;
        tnode.style.top='0px';
        tnode.style.display = 'none';
        tnode.id='blackout';
		tnode.style.left = '0px';
		tnode.style.top = '0px';
        tbody.appendChild(tnode);
        dark = document.getElementById('blackout');
	}
    if (vis){
        var pageWidth = '100%';
        var pageHeight = '100%';
        dark.style.opacity = opaque;
        dark.style.MozOpacity = opaque;
        dark.style.filter='alpha(opacity='+opacity+')';
        dark.style.zIndex = zindex;
        dark.style.backgroundColor = bgcolor;
        dark.style.width = pageWidth;
        dark.style.height = pageHeight;
		dark.style.top = '0px'
		dark.style.left = '0px'
        dark.style.display='inline';
    }else{                
        dark.style.display='none';
    }
}

function startvideo(div, iframe, page){
	document.getElementById(iframe).src = page;
	
	showarea(div);	
}

function stopvideo(div, iframe){
	document.getElementById(iframe).src = '';
	
	cancel(div);	
}

function showarea(div){
    blackout(true);
    document.getElementById(div).style.display = "inline";

    if (window.pageYOffset){
        var pop = window.pageYOffset + 75;
        document.getElementById(div).style.top = pop + 'px';
    }else{
        var pop = document.documentElement.scrollTop + 50;
        document.getElementById(div).style.top = pop + 'px';
    }
}

function cancel(div){
    document.getElementById(div).style.display = "none";
    blackout(false);
}