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