window.onload = function () 
{
    
    var get = function (id)
    {
        return document.getElementById(id) || false;
    }
    
    var blockEvent = function (e)
    {
        e = e ? e : window.event;
        if (e.stopPropagation) e.stopPropagation();
        else e.cancelBubble = true;
        if (e.preventDefault) e.preventDefault();
        else e.returnValue = false;        
    }
    
    if (get('popupbg'))
    {
	
        get('popupbg').style.height = get('container').offsetHeight + 'px';
        var open = function (e)
        {
            get('popupbg').style.display = '';            
	    
            get('popup').innerHTML = get('popup'+(e ? e.target : window.event.srcElement).id.replace('show', '')).innerHTML;
            get('popup').style.display = '';            
            get('popup').scrollIntoView();            
            var img = get('popup').getElementsByTagName('IMG');
            for (var i = 0; i < img.length; i++)
            {
                if (img[i].className == 'close') img[i].onclick = close;
            }
            get('popupbg').style.height = document.documentElement.scrollHeight + 'px';
            blockEvent(e);
        }
        
        var close = function (e)
        {
            get('popupbg').style.display = 'none';
            get('popup').style.display = 'none';
            blockEvent(e);        
        }
        
        var i = 1;
        while (i)
        {
	    
            if (get('show' + i) && get('popup' + i))
            {
                get('show' + i).onclick = open;
                get('close' + i).onclick = close;
                i++;
		
            }
            else 
            {
                i = false;
            }
        }
    }
};