var PHOTOS = new Array();
var PHOTO_INDEX = 0;
var PHOTO_DIS = false;

function showPhoto( index ) {
  PHOTO_INDEX = index;
  if( !PHOTO_DIS ) {
    PHOTO_DIS  = true;
    new Effect.toggle( $( 'photoimg' ), 'appear', 
      {
        afterFinish : function() {
          $( 'content-yellow-title' ).innerHTML = PHOTOS[ PHOTO_INDEX ].title;
          $( 'photodesc'            ).innerHTML = PHOTOS[ PHOTO_INDEX ].description;
          $( 'photoimg' ).src = PHOTOS[ PHOTO_INDEX ].image.src;
          new Effect.toggle( 'photoimg', 'appear',
            {
              afterFinish : function() {
                PHOTO_DIS = false;
              }
            }
          )
        }
      }
    );
  }
}

function hideMessageForm() {
  document.getElementById( 'hide_message_link' ).style.display = 'none';
  document.getElementById( 'message_form_div'  ).style.display = 'none';
  document.getElementById( 'toid'    ).value = '0';
  document.getElementById( 'message' ).value = '';
  document.getElementById( 'show_message_link' ).style.display = 'block';
}

function showMessageForm( toidValue ) {
  if( toidValue )
    document.getElementById( 'toid' ).value = toidValue;
  else 
    document.getElementById( 'toid' ).value = '0';
  document.getElementById( 'message' ).value = '';
  document.getElementById( 'show_message_link' ).style.display = 'none';
  document.getElementById( 'hide_message_link' ).style.display = 'block';
  document.getElementById( 'message_form_div'  ).style.display = 'block';
}

var LATEST_USER_BOX = 0;

function showUserBox( index ) {
  if( index != LATEST_USER_BOX || !LATEST_USER_BOX ) {
    if( LATEST_USER_BOX ) document.getElementById( 'u-cont-' + LATEST_USER_BOX ).style.display = 'none';
    LATEST_USER_BOX = index;
    document.getElementById( 'u-cont-' + LATEST_USER_BOX ).style.display = 'block';
  }
}