/**
 * Login Functions
 */
function addLoginListeners()
{  
  if( !$('sideUsername') || !$('sidePassword') || !$('inputHolder') ) { return false; }
  $('inputHolder').innerHTML = '<input type="text" name="passwordHolder" id="passwordHolder" value="Password" />';  
  $('sidePassword').style.display='none';
  
  if( $( 'sideUsername' ) )
  {
    Event.observe( $('sideUsername'), 'focus', loginFocus, false );
    Event.observe( $('sideUsername'), 'blur', loginBlur, false );
    
    if( $('sideUsername').value == '' )
    {
      $('sideUsername').value = 'Username';
    }
  }
  
  if( $('passwordHolder') &&  $('sidePassword') )
  {
    Event.observe( $('passwordHolder'), 'focus', loginFocus, false );
    Event.observe( $('passwordHolder'), 'blur', loginBlur, false );
    Event.observe( $('sidePassword'), 'blur', loginBlur, false );

    if( $('passwordHolder').value == '' )
    {
      $('passwordHolder').value = 'Password';
    }
  }
  
  return true;
  
}


function loginFocus(e)
{
  var target = findTarget(e);
  
  if( target.value == 'Username' && target.id=="sideUsername" )
  {
    target.value = '';
  }
  else if( target.value == 'Password' && target.id=="passwordHolder"  )
  {
    target.style.display='none';
    $('sidePassword').setStyle( { display:'block' } );
    $('sidePassword').focus();
    target.value = '';
  }
}

function loginBlur(e)
{
  var target = findTarget(e);
  
  if( target.id== 'sideUsername' && target.value == ''  )
  {
    target.value = 'Username';
  }
  if( target.id== 'sidePassword' && target.value == ''  )
  {
    target.style.display='none';
    $('passwordHolder').value = 'Password';
    $('passwordHolder').setStyle( { display:'block' } );
  }
}



function preloadSideHover()
{
  var preloadImage1 = new Image();
  preloadImage1.src='/images/side/directoryOn.gif';
  
  var preloadImage2 = new Image();
  preloadImage2.src='/images/side/forumOn.gif';
  
  var preloadImage3 = new Image();
  preloadImage3.src='/images/side/searchOn.gif';
  
  var preloadImage4 = new Image();
  preloadImage4.src='/images/side/registerOn.gif';
  
  var preloadImage5 = new Image();
  preloadImage5.src='/images/side/eventsOn.gif';
}


document.observe("dom:loaded", addLoginListeners );

Event.observe( window, 'load', preloadSideHover, false );