function hideImageLayer()
{
   $('#img_layer_mask').css( 'display', 'none' );
   $('#img_layer_content').css( 'display', 'none' );
   $('#img_layer_img').attr( 'src', '' );
}

function showImageLayer(imgPath)
{
   $('#img_layer_img').attr( 'src', imgPath );
}

function onImageLoaded()
{
   content = document.getElementById('img_layer_content');
   scrollpane = document.getElementById('img_layer_scrollpane');
   scrollpane.style.left = '0px';
   scrollpane.style.top = '0px';

   document.getElementById('img_layer_mask')
      .style.display = 'block';
   content.style.display = 'block';

   scrollpane.style.left =
      Math.floor((content.offsetWidth - scrollpane.offsetWidth) / 2) + 'px';
   scrollpane.style.top =
      Math.floor((content.offsetHeight - scrollpane.offsetHeight) / 2) + 'px';
}

function hideNodeLayer()
{
   $('#node_layer_mask').css( 'display', 'none' );
   $('#node_layer_content').css( 'display', 'none' );
   $('#node_layer_scrollpane').css( 'display', 'none' );
   $('#node_layer_navigation').css( 'display', 'none' );
   $('#node_layer_next').css( 'display', 'none' );
   $('#node_layer_prev').css( 'display', 'none' );
   $('#node_layer_close').css( 'display', 'none' );
   $('#node_layer_scrollpane').html('');
}

function loadNodeURL(nodeID)
{
   currentID = nodeID;
   scrollpane = $('#node_layer_scrollpane');
   content = $('#node_layer_content');
   
   scrollpane.css( 'display', 'block' );
   
   $.get(baseURL + '/' + nodeID, function(node){
      scrollpane.html(node);
      scrollpane.css( 'left',
         Math.floor((content.width() - scrollpane.width() ) / 2) );
   } );
   prevID = false;
   nextID = false;
   for( i=0; i < related_id_list.length; i++) {
      if ( related_id_list[i] == nodeID ) {
         if ( i > 0 ) {
            prevID = related_id_list[i-1];
         }
         if ( i < related_id_list.length ) {
            nextID = related_id_list[i+1];
         }
         break;
      }
   }
   if ( prevID ) {
      $('#node_layer_prev').css( 'display', 'block' );
   } else {
      $('#node_layer_prev').css( 'display', 'none' );
   }
   if ( nextID ) {
      $('#node_layer_next').css( 'display', 'block' );
   } else {
      $('#node_layer_next').css( 'display', 'none' );
   }
}
function showPreviousNode()
{
   if ( prevID )
      loadNodeURL( prevID );
}
function showNextNode() {
   if ( nextID )
      loadNodeURL( nextID );
}
function showNodeLayer(nodeID)
{
   $('#node_layer_content').css( 'display', 'block' );
   $('#node_layer_navigation').css( 'display', 'block' );
   $('#node_layer_close').css( 'display', 'block' );
   $('#node_layer_mask').css( 'display', 'block' );

   $('#node_layer_close').click( function() {
      hideNodeLayer();
   });
   $('#node_layer_prev').click( function() {
      showPreviousNode();
   });
   $('#node_layer_next').click( function() {
      showNextNode();
   });
   loadNodeURL( nodeID );
}