Pop-up z kodem PP

[protus]

Witam

Potrzebuję jakiś gotowy kod okienka pop-up na stronę. Chcę w nim wstawić kod reklamy pewnego PP (wymiany 300x250px, kod to tylko odnośnik do kanału reklamowego w javascript), szukam kodu dzięki któremu okienko będzie wyswietlać się podczas pierwszego wejścia na stronę, dodatkowo koniecznie nad "reklamą" musi być "krzyżyk" umożliwiający wyłączenie pop-upa oraz napis "zamknij". Mógłby ktoś pomóc? Tak rzadko tu proszę o pomoc

Pozdrawiam

Marcin

[k0l3c]

HTML

<link href="popup/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="popup/css-pop.js"></script>

CSS

#mainContent a:link, #mainContent a:visited {color:#fff; text-decoration:none; font-size:18px; background:#000000; padding:5px; -webkit-border-radius:10px;
-moz-border-radius:10px}
#mainContent a:hover, #mainContent a:active {color:#fff; text-decoration:none; font-size:18px; background:#333333; padding:5px; -webkit-border-radius:10px;
-moz-border-radius:10px}

#blanket {
  background-color:#111;
  opacity: 0.65;
  *background:none;
  position:absolute;

  top:0px;
  left:0px;
  width:100%;
}

#popUpDiv {
position:absolute;
background:url(../promocje/2.jpg) no-repeat;
width:600px;
height:600px;
border:5px solid #000;
z-index: 9002;

margin-top: -250px;
margin-left: -100px;
}

#popUpDiv a {position:relative; top:0px; left:0px; float:right;}

CSS-POP.JS

function toggle(div_id) {
var el = document.getElementById(div_id);
if ( el.style.display == 'none' ) {	el.style.display = 'block';}
else {el.style.display = 'none';}
}
function blanket_size(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
	viewportheight = window.innerHeight;
} else {
	viewportheight = document.documentElement.clientHeight;
}
if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
	blanket_height = viewportheight;
} else {
	if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
		blanket_height = document.body.parentNode.clientHeight;
	} else {
		blanket_height = document.body.parentNode.scrollHeight;
	}
}
var blanket = document.getElementById('blanket');
blanket.style.height = blanket_height + 'px';
var popUpDiv = document.getElementById(popUpDivVar);
popUpDiv_height=blanket_height/2-200;//200 is half popup's height
popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
	viewportwidth = window.innerHeight;
} else {
	viewportwidth = document.documentElement.clientHeight;
}
if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
	window_width = viewportwidth;
} else {
	if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
		window_width = document.body.parentNode.clientWidth;
	} else {
		window_width = document.body.parentNode.scrollWidth;
	}
}
var popUpDiv = document.getElementById(popUpDivVar);
window_width=window_width/2-200;//200 is half popup's width
popUpDiv.style.left = window_width + 'px';
}
function popup(windowname) {
blanket_size(windowname);
window_pos(windowname);
toggle('blanket');
toggle(windowname);		
}