// Initialize

function init() {
  bl();
  dottedRefImageBorders();
}


// Blur links

function bl() {
  if (!document.getElementById) return;
  theLinks = document.getElementsByTagName("a");
  for(i=0; i<theLinks.length; i++) {
    theLinks[i].onfocus = function() { this.blur(); }
  }
}


// Blink borders

var blObj = null ;

var borderColorOut  = '#ffffff' ;
var borderColorOver = '#cccccc' ;


function setBorderColor( col ) {
  if ( blObj ) blObj.style.borderColor = col ;
}

function blinkBorder( obj ) {
  if ( blObj ) blObj.style.borderColor = borderColorOut ;

  blObj = obj ;
  blObj.style.borderColor = borderColorOver ;

  setTimeout( "setBorderColor( borderColorOut )", 50 ) ;
  setTimeout( "setBorderColor( borderColorOver )", 100 ) ;
  setTimeout( "setBorderColor( borderColorOut )", 150 ) ;
  setTimeout( "setBorderColor( borderColorOver )", 200 ) ;
}

function dottedRefImageBorders() {
  if ( !document.getElementsByTagName ) return ;

  par = document.getElementById( 'right' ) ;
  if ( !par ) return ; 
  els = par.getElementsByTagName( '*' ) || par.all ;

  for ( i = 0 ; i < els.length ; i++ ) {
    if ( els[ i ].className == 'ref' ) {
      links = els[ i ].getElementsByTagName( 'a' ) ;

      for ( j = 0 ; j < links.length ; j++ ) {
        imgs = links[ j ].getElementsByTagName( 'img' ) ;

        for ( k = 0 ; k < imgs.length ; k++ ) {
          imgs[ k ].style.border = '1px solid ' + borderColorOut ;
          imgs[ k ].onmouseout   = function() { blObj = null; this.style.borderColor = borderColorOut }
          imgs[ k ].onmouseover  = function() { blinkBorder ( this ) ; }
        } // End for k ( images )
      } // End for j ( links )
    } // End if ( className = 'ref' )
  } // End for i ( els )
}