function move_box(an, box)
{
    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 + 'px';

    ctop += an.offsetHeight + 8;

    if (document.body.currentStyle &&
        document.body.currentStyle['marginTop'])
    {
        ctop += parseInt(
            document.body.currentStyle['marginTop']);
    }

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

function hide(an){
	co=1;
	setTimeout('hide_box("'+an+'")',500);
}

function hide_box(an){

	var href = an;
    var boxdiv = document.getElementById(href);

	if(co==1){
		if (boxdiv.style.display!='none'){boxdiv.style.display='none';}}
	
	//return false;
/*
	co=1;
	setTimeout('show_box("'+obj+'")',2000);*/
}

function show_box(an)
{
	var width = 300;
	var height = 365;
	var borderStyle = '1px solid';
	co=0;
    var href = an.href;
    var boxdiv = document.getElementById(href);

    if (boxdiv != null)
    {
        if (boxdiv.style.display=='none')
        {
			//alert('show');

            move_box(an, boxdiv);
            boxdiv.style.display='block';
        }
        else{
			//alert('hide');
            //boxdiv.style.display='none';
			}
        return false;
    }

    boxdiv = document.createElement('div');

    boxdiv.setAttribute('id', href);
    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.padding = '0px';
    boxdiv.style.background = '#ffffff';
    document.body.appendChild(boxdiv);

    var offset = 0;
	
    var close_href = document.createElement('a');
    close_href.href = 'javascript:void(0);';
    close_href.onclick = function()
        { show_box(an, width, height, borderStyle); }
    close_href.appendChild(document.createTextNode(''));
    boxdiv.appendChild(close_href);
    offset = close_href.offsetHeight;

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

    boxdiv.appendChild(contents);

    move_box(an, boxdiv);

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

    return false;
}