<script type="text/javascript"><!--  
/* Script by: www.jtricks.com 
* Version: 20070301 
* Latest version: 
* www.jtricks.com/javascript/window/box.html 
*/  
// Moves the box object to be directly beneath an object.  
  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;  
    // 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';  
  }  
    
  // 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, borderStyle)  {  
    var href = an.href;  
    var boxdiv = document.getElementById(href);  
    if (boxdiv != null)  {  
      if (boxdiv.style.display=='none')  {  
        // Show existing box, move it  
        // if document changed layout  
        move_box(an, boxdiv);  
        boxdiv.style.display='block';  
        bringToFront(boxdiv);  
        // Workaround for Konqueror/Safari  
        if (!boxdiv.contents.contentWindow)  
          boxdiv.contents.src = href;  
      } else  
        // Hide currently shown box.  
        boxdiv.style.display='none';  
        return false;  
    }     
    // Create box object through DOM  
    boxdiv = document.createElement('div');  
     
    // Assign id equalling to the document it will show  
    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 = '4px';  
    boxdiv.style.background = '#FFFFFF';  
    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.onclick = function()  
    { show_hide_box(an, width, height, borderStyle); }  
    close_href.appendChild(document.createTextNode('Close'));  
    boxdiv.appendChild(close_href);  
    offset = close_href.offsetHeight;  
    // End of 'Close' hyperlink code.  
     
    var contents = document.createElement('iframe');  
    //contents.scrolling = 'no';  
    contents.overflowX = 'hidden';  
    contents.overflowY = 'scroll';  
    contents.frameBorder = '0';  
    contents.style.width = width + 'px';  
    contents.style.height = (height - offset) + 'px';  
    boxdiv.contents = contents;  
    boxdiv.appendChild(contents);  
    move_box(an, boxdiv);  
  
    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;  
  }  
    
  function getAbsoluteDivs() {  
    var arr = new Array();  
    var all_divs = document.body.getElementsByTagName("DIV");  
    var j = 0;     
    for (i = 0; i < all_divs.length; i++)  
      if (all_divs.item(i).style.position=='absolute') {  
        arr[j] = all_divs.item(i);  
        j++;  
      }  
    return arr;  
  }  
  
  function bringToFront(obj) {  
    if (!document.getElementsByTagName)  
  return;  
  
  var divs = getAbsoluteDivs();  
  var max_index = 0;  
  var cur_index;  
    
  // Compute the maximal z-index of  
  // other absolute-positioned divs  
  for (i = 0; i < divs.length; i++) { 
    var item = divs[i];  
    if (item == obj || item.style.zIndex == '')  
      continue;  
    cur_index = parseInt(item.style.zIndex);  
    if (max_index < cur_index)  {  
      max_index = cur_index;  
    }  
  }  
   
  obj.style.zIndex = max_index + 1;  
  }  
 //--></script>  
