var nImageCount = 0;

function toggleDetails(id){
  var x = getElement(id);
  if (x && x.css){
    if ((!('block' == x.css.display) && !('none' == x.css.display)) || ('none' == x.css.display)) {
      //x.css.visibility = 'visible'; 
      x.css.display = 'block'; 
    }
    else {
      //x.css.visibility = 'hidden'; 
      x.css.display = 'none'; 
    }
    return false; 
  }
  else return true;
}
function toggle24previewOn(e){
  if( !e ) { e = window.event; }
  if( !e ) { return;}  
  var thisid = this.id;
  var nImage = parseInt(thisid.split('-')[1]);
  var id = 'p-' + nImage;
  var aPos = getCursorCoords(e);
  var px = document.layers? 0: "px";
  var x = getElement(id);
  var z = getElement(thisid);
  var offset = 0;
  if (x && x.css){
      x.css.display = 'block'; 
      x.css.backgroundcolor = '#fff;'; 
      if (z && z.getAttribute('title')) { z.setAttribute('title',''); }
      // ad 58 pixels for each row
      offset = parseInt(nImage / 4);
      if (offset < 4) offset = 0;
      else if (nImage > (nImageCount - 16)) offset -= 4;
      else offset -= 2;
      if (offset < 0) offset = 0;
      x.css.marginTop = (offset * 58) + 3 + px;
    return false; 
  }
  else return true;
}
function toggle24previewOff(e){
  if( !e ) { e = window.event; }
  if( !e ) { return;}  
  var thisid = this.id;
  var nImage = parseInt(thisid.split('-')[1]);
  var id = 'p-' + nImage;
  var aPos = getCursorCoords(e);
  var px = document.layers? 0: "px";
  var x = getElement(id);
  var z = getElement(thisid);
  var offset = 0;
  if (x && x.css){
      x.css.display = 'none'; 
    return false; 
  }
  else return true;
}
function getCursorCoords(e) {
   var posX = 0, posY = 0;
   if( !e ) { e = window.event; }
   if( !e ) { return [ 0, 0 ]; }
   if( typeof( e.pageX ) == 'number' ) {
      posX = e.pageX;
      posY = e.pageY;
   } else {
      if( typeof( e.clientX ) == 'number' ) {
         posX = e.clientX;
         posY = e.clientY;
         if( document.body && ( document.body.scrollTop || document.body.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) ) {
               posX += document.body.scrollLeft;
               posY += document.body.scrollTop;
         } else {
            if( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == 'KDE' ) ) {
               posX += document.documentElement.scrollLeft;
               posY += document.documentElement.scrollTop;
            }
         }
      }
   }
   return [ posX, posY ];
}
function getElement(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
	if (el) el.css = (el.style)? el.style: el;
	return el;
}

function initPreviews(){
  for (nIdx = 0; nIdx < nImageCount; nIdx++){
    var x = getElement('a-' + nIdx);
    if (x) {
      x.onmouseover = toggle24previewOn;
      x.onmouseout = toggle24previewOff;
      x.onfocus = toggle24previewOn;
      x.onblur = toggle24previewOff;
    }
  }
}

// for real brighton map pages
function rcnmap(vnID) {
var w = 480;
var h = screen.height-110;
var page = "http://www.realbrighton.com/fringemap/" + vnID;
if (h > 600) h = 600;
var winl = (screen.width - w) / 2; var wint = (screen.height - 115 - h) / 2;
arcnmap=window.open(page, "rbmap", "width="+w+",height="+h+",top="+wint+",left="+winl+',status=no,scrollbars=yes,resize=yes,menubar=no');
if (arcnmap.focus) arcnmap.focus();
return false;
} // end function