var myPopUp = {
	site:null,

	test:function(page)
	{
		
		myPopUp.site = document.getElementsByTagName("body")[0];
		
		var scrollY = document.documentElement.scrollTop;
		var master = document.getElementById("master");
		
		var bg = document.createElement("div");
		bg.className = "lightboxbg";
		bg.onclick = myPopUp.removeLight;
		bg.style.height = master.offsetHeight + 40 + "px";
		bg.style.zIndex = 10;
		
		var box = document.createElement("div");
		box.className = "lightBox";
		box.style.zIndex = 15;
		box.id = "box1";
		box.style.top = scrollY + 50+"px";
		
		var close = document.createElement("div");
		close.onclick = myPopUp.removeLight;
		close.style.cursor = "pointer";
		close.innerHTML = "<span class='closeLight'>Stäng X</span>";
		
		var box2 = document.createElement("div");
		box2.id = "box2";
		
		myPopUp.site.appendChild(bg);
		myPopUp.site.appendChild(box);
		
		box.appendChild(box2);
		box.appendChild(close);
		
		ajaxCon.readData("box2", page);
		
	},
	removeLight:function()
	{
		myPopUp.site.removeChild(myPopUp.site.lastChild);
		myPopUp.site.removeChild(myPopUp.site.lastChild);
	}
}