function move_box(an, box, top, left)
{
    var cleft = 0;
    var ctop = 0;
    var obj = an;

    while (obj.offsetParent)
    {
        cleft += obj.offsetLeft;
        ctop += obj.offsetTop;
        obj = obj.offsetParent;
    }

    // box.style.left = (cleft-380) + 'px';
box.style.left = left + 'px';

    ctop += an.offsetHeight - 80;

    // Handle Internet Explorer body margins,
    // which affect normal document, but not
    // absolute-positioned stuff.
    if (document.body.currentStyle &&
        document.body.currentStyle['marginTop'])
    {
        ctop += parseInt(
            document.body.currentStyle['marginTop']);
    }

   // box.style.top = ctop + 'px';
   box.style.top = top + 'px';
}

// Hides other alone popup boxes that might be displayed
function hide_other_alone(obj)
{
    if (!document.getElementsByTagName)
        return;

    var all_divs = document.body.getElementsByTagName("DIV");

    for (i = 0; i < all_divs.length; i++)
    {
        if (all_divs.item(i).style.position != 'absolute' ||
            all_divs.item(i) == obj ||
            !all_divs.item(i).alonePopupBox)
        {
            continue;
        }

        all_divs.item(i).style.display = 'none';
    }
    return;
}

// Shows a box if it wasn't shown yet or is hidden
// or hides it if it is currently shown
function show_hide_box(an, width, height, top, left,  borderStyle)
{
    var href = an.href;
    var boxdiv = document.getElementById(href);

    if (boxdiv != null)
    {
        if (boxdiv.style.display=='none')
        {
            hide_other_alone(boxdiv);
            // Show existing box, move it
            // if document changed layout
            move_box(an, boxdiv, top, left);
            boxdiv.style.display='block';
        }
        else
            // Hide currently shown box.
            boxdiv.style.display='none';
        return false;
    }

    hide_other_alone(null);

    // Create box object through DOM
    boxdiv = document.createElement('div');

    // Assign id equalling to the document it will show
    boxdiv.setAttribute('id', href);

    // Add object identification variable
    boxdiv.alonePopupBox = 1;
	boxdiv.overflowX = 'hidden';
    boxdiv.overflowY = 'hidden';
    boxdiv.style.display = 'block';
    boxdiv.style.position = 'absolute';
    boxdiv.style.width = width + 'px';
    boxdiv.style.height = height + 'px';
    boxdiv.style.border = borderStyle;
    boxdiv.style.textAlign = 'right';
    boxdiv.style.paddingTop = '11px';
    boxdiv.style.paddingRight = '0px';
   // boxdiv.style.marginRight = '-5px';
    boxdiv.style.background = '#99BEDD';
    document.body.appendChild(boxdiv);

    var offset = 0;

    // Remove the following code if 'Close' hyperlink
    // is not needed.
   var close_href = document.createElement('a');
   close_href.href = 'javascript:void(0);';
   close_href.align = 'right';
	    close_href.onclick = function()
        { show_hide_box(an, width, height, borderStyle); }
	//close_href.appendChild(document.createTextNode('X'));
    var close_img = document.createElement('img');
    //close_img.align = 'right';
	close_img.src = 'img/close_x.gif';
	close_img.border = '0';
   close_href.appendChild(close_img);
   
	boxdiv.appendChild(close_href);
    offset = close_href.offsetHeight +10;
    // End of 'Close' hyperlink code.

    var contents = document.createElement('iframe');
    contents.scrolling = 'no';
    contents.overflowX = 'hidden';
    contents.overflowY = 'hidden';
    contents.frameBorder = '0';
    contents.style.width = width + 'px';
    contents.style.height = (height - offset) + 'px';
	contents.style.paddingRight = '0px';
    boxdiv.appendChild(contents);

    move_box(an, boxdiv, top, left);

    if (contents.contentWindow)
        contents.contentWindow.document.location.replace(
            href);
    else
        contents.src = href;

    // The script has successfully shown the box,
    // prevent hyperlink navigation.
    return false;
}