Event.observe(window, 'load', function()
{
	
	var pagename = document.body.className;
	var boxes = clightboxes[pagename];
	
	for(var i = 0; i < boxes.length; i++)
	{
		
	    var b = $(document.body);
	    var box = boxes[i];
		var lb = $(box.id);
		  				
	    var sd = $(document.createElement("div"));
	    
	    var d = document.viewport.getDimensions();
	    var so = $(document.body).cumulativeScrollOffset();
	    
	    var x = 0;
	    var y = 0;
	    
	    sd.setStyle(
	    {
    		position : 'absolute',
    		left : 0 + 'px',	
    		top : 0 + 'px',
    		width : d.width + 'px',
    		height : d.height + 'px',
    		opacity : '0.5',
    		background : 'black'
		});
	    
	    // container
	    var lc = $(document.createElement("div"));
	       
	    var closeDiv = $(document.createElement("div"));
	    var closeLink = $(document.createElement("a"));
	    closeLink.href = "javascript:(void)";
	    closeLink.onclick = function()
	    {
    		lc.hide();
    		sd.hide();
		}
		closeLink.setStyle(
		{
			color : 'black'
		});
	    closeLink.innerHTML = "Close";
	    
	    closeDiv.setStyle(
	    {
			padding : '10px',
			clear : 'both',
			float : 'left',
			width : '100%'
		});
	    closeDiv.insert(closeLink);       
                    		
		lc.insert(lb);
	    lc.insert(closeDiv);
	    
		b.insert(sd);	
		b.insert(lc);

		lb.setStyle(
		{
			display : 'block',
			width : box.width,
			height : box.height
		});
								
		var ld = lb.getDimensions();
	    lc.setStyle(
	    {
    		position : 'absolute',
    		left : ((d.width / 2) - (ld.width / 2) + so.left) + 'px',	
    		top : ((d.height / 2) - (ld.height / 2) + so.top) + 'px',
    		width : ld.width + 'px',
    		height : 'auto',
    		background : 'white'
		});
	    
	}
	
}, false);