/* info box */
function showinfo( mode,title,text ) {
  if( mode==1 ) {
    // define html
    var html="<table style=\"width: 100%; height: 100%;\">";
    html+="<tr><td style=\"width: 100%; height: 100%; text-align: center; vertical-align: middle;\">";
    html+="<p style=\"font-size: 16px; color: #333333;\">"+title+"</p>";
    html+="<p style=\"font-size: 12px; color: #555555;\">"+text+"</p>";
    html+="</td></tr>";
    html+="</table>";
    html+="<div style=\"position: absolute; bottom: 2px; right: 5px;\">";
    html+="<a onclick=\"showinfo( 0,'' );\" href=\"javascript:void(0);\"><img src=\"/images/lightbox/closelabel.gif\" /></a>";
    html+="</div>";

    // opaque cover
    var cover=document.createElement( 'div' );
    cover.setAttribute( 'id','cover' );
    cover.style.width="100%";
    cover.style.height="100%";
    cover.style.position="fixed";
    cover.style.left="0px";
    cover.style.top="0px";
    cover.style.background="#000000";
    cover.style.opacity="0.7";
    cover.style.filter='alpha( opacity=70)';
    document.body.appendChild( cover );

    // white work window
    var work=document.createElement( 'div' );
    work.setAttribute( 'id','work' );
    work.style.width="70%";
    work.style.height="70%";
    work.style.position="fixed";
    work.style.overflow="hidden";
    work.style.left="15%";
    work.style.top="15%";
    work.style.background="#FFFFFF";
    work.innerHTML=html;
    document.body.appendChild( work );
  } else {
    document.body.removeChild( document.body.lastChild );
    document.body.removeChild( document.body.lastChild );
  }
}