<!-- 
browserName              = navigator.appName;
browserVer               = parseInt ( navigator.appVersion );
version                  = "";

if ( browserName        == "Netscape" && browserVer < 3 ) version = "n2";
if ( browserName        == "Microsoft Internet Explorer" && browserVer < 4 ) version = "e3";
//
// Predefine arrays and preload images 
//
fade                  = new Image ( 8 , 118 );
fade.src              = "images/tilesets/fadetop.jpg";
//
logo                  = new Image ( 299 , 100 );
logo.src              = "images/logos/romaclogo.gif";
//
map_up               = new Image ( 54 , 35 );
map_up.src           = "images/buttons/map-up.gif";
map_dn               = new Image ( 54 , 35 );
map_dn.src           = "images/buttons/map-dn.gif";
//
commercial1          = new Image ( 195 , 151 );
commercial1.src      = "images/photos/commercial1.jpg";
commercial2          = new Image ( 195 , 151 );
commercial2.src      = "images/photos/commercial2.jpg";
//
gates1               = new Image ( 195 , 151 );
gates1.src           = "images/photos/gates1.jpg";
gates2               = new Image ( 195 , 151 );
gates2.src           = "images/photos/gates2.jpg";
//
residential1         = new Image ( 195 , 151 );
residential1.src     = "images/photos/residential1.jpg";
residential2         = new Image ( 195 , 151 );
residential2.src     = "images/photos/residential2.jpg";
//
residential3          = new Image ( 195 , 151 );
residential3.src      = "images/photos/residential3.jpg";
residential4          = new Image ( 195 , 151 );
residential4.src      = "images/photos/residential4.jpg";
//
function butdn ( imgName ) {
   if (version == "n2" || version == "e3") {
   } else {
      var buttondn = eval(imgName + "_dn.src");
      document [imgName].src = buttondn;
   }
}
//
function butup ( imgName ) {
   if (version == "n2" || version == "e3") {
   } else {
      var buttonup = eval(imgName + "_up.src");
      document [imgName].src = buttonup;
   }
}
//
// Setting global variable for image map
//
var whichmap = ""
//
//setting dense arrays for photo galleries
//
var gates        = new Array (
                   new Array ('gates1', 'Residential gate design'),
                   new Array ('gates2', 'Industrial gate design')
                             )

var commercials  = new Array (
                  new Array ('commercial1', 'Commercial fencing - side view'),
                  new Array ('commercial2', 'Commercial fencing - gateway')
                             )
var residentials = new Array (
                   new Array('residential1','Pool fencing'),
                   new Array('residential2','Pool and patio fencing'),
                   new Array('residential3','Powder coated balustrades - close up view'),
                   new Array('residential4','Powder coated balustrades - long view')
                             )

function scrolling( whichmap ) {
  var photoname = eval(document[whichmap]);
  var i ;
  var listitem = eval(whichmap +"s")
  for (i = 0; i < listitem.length; i++) {
       var j = (i+1); 
       if (photoname.src == eval(listitem[listitem.length -1][0] + ".src")) {
          photoname.src = eval(listitem[0][0] + ".src")
          photoname.title = listitem[0][1];
          return false;
       }
       if (photoname.src == eval(listitem[i][0] + ".src")) { 
          photoname.src = eval(listitem[j][0] + ".src")
          photoname.title = listitem[j][1];
          return false;
       } 
   }
}
//
var scrollgallery ='<img src="images/photos/gates1.jpg" title="Residential gate design" alt="Large residential and industrial gates" width="195" height="151" usemap="#scrollgates" border="0" name="gate">';
//
scrollgallery    +=  '<map name="scrollgates">';
scrollgallery    +=  '<area shape="rect" coords="158,119,191,149" href="#" onclick="return scrolling(\'gate\')">';
scrollgallery    +=  '</map><br>';
scrollgallery    +=  '<img src="images/photos/commercial1.jpg" title="Commercial fencing - side view" alt="Commercial fencing" width="195" height="151" usemap="#scrollcomm" border="0" name="commercial">';
scrollgallery    +=  '<map name="scrollcomm">'
scrollgallery    +=  '<area shape="rect" coords="158,119,191,149" href="#" onclick="return scrolling(\'commercial\')">';
scrollgallery    +=  '</map><br>';
scrollgallery    +=  '<img src="images/photos/residential1.jpg" alt="Residential fencing for pools and balustrades" title="Pool fencing" width="195" height="151" usemap="#scrollres" border="0" name="residential">';
scrollgallery    +=  '<map name="scrollres">';
scrollgallery    +=  '<area shape="rect" coords="158,119,191,149" href="#" onclick="return scrolling(\'residential\')">';
scrollgallery    +=  '</map>';
//
//-->