Свое popup окошко

[Abuhamed]

Нужно сделать своё popup окошко. Возник вопрос, допустим при открытии фото для увеличения на jquery фон того что за окошком с фото становится "черным". На сколько я понимаю это просто div с width=100% height=100% и прозрачным черным фоном или как?

[Даниил_глазко]

var value = 0;
function setOpacity() {
value += .3;
var testObj = document.getElementById('test');

testObj.style.width = "100%";
testObj.style.height = "100%";
testObj.style.display = "block";
testObj.style.opacity = value/10;
testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
myTimeout = setTimeout("setOpacity()", 1);

if ((value/10) >= .5) {
clearTimeout(myTimeout);
}
document.getElementById('warning'). style.display = "block";
}
function removeOpacity() {
value -= .3;
var testObj = document.getElementById('test');

myTimeout2 = setTimeout("removeOpacity()", 1);
testObj.style.opacity = value/10;
testObj.style.filter = 'alpha(opacity=' + value*10 + ')';

if ((value/10) <= 0) {
testObj.style.display = "none";
clearTimeout(myTimeout2);
}
document.getElementById('warning'). style.display = "none";
}
var str = window.location.href;
// alert(str);
//////////////Запустить popup
myTimeout3=setTimeout(function (){setOpacity(); clearTimeout(myTimeout3);},1000);
///////////////
document.write('<style type="text/css">body { margin: 0; padding: 0;}#test { background: #000; display: none; opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0; left: 0; z-index: 100;}#warning { width: 300px; height: 120px; text-align: center; position: fixed; top: 25%; left: 35%; background: #fff; border: #f00 1px solid; z-index:101; display:none; }</style>');
document.write('<div id="test"></div> <div id="warning"><h3>123</h3>Текст <!--<a href="#" onclick="removeOpacity();">Закрыть</a> --></div>');