var Popup = {
	sel: "#popup",
	path: '',
	show: function() {
		var index = Math.round(Math.random()*(popics.length-1));
		var pic = popics[index].p;
		var width = popics[index].w+'px';
		var height = popics[index].h+'px';		
		$("#page").append("<div id='popup'><img id='schliessen' src='"+this.path+"/schliessen.gif'/></div>");
		var top = ($(window).height()-parseInt(height))/2;
		if (top < 0) top = 0;
		$(this.sel).css({width: width, height: height, position: "absolute",
			left: ($(window).width()-parseInt(width))/2+"px", top: top+"px", 
			background: "#fff url("+Popup.path+pic+") no-repeat center 20px",
			zIndex: 100});
		$("#schliessen").css("float", "right").css("margin","5px");
	},
	hide: function() {
		$("#popup").remove();	
	}
}

$(document).ready(function(){
	Popup.show();
	$("body").click(function(event) {
		Popup.hide();
	});
});