var selected = 'intro';		// identifier of the currently selected image
var imgbase  = 'images/';	// base address image directory

// Image identifiers (= name attribute of the img objects)
var imgnames = new Array (
	'wapen',
	'intro',
	'arrang',
	'reserve',
	'tezien',
	'golf',
	'vergaderen',
	'route',
	'info' );

// Image files, displayed while NOT mouseover (and not selected)
var imgoff   = new Array (
	imgbase+'wapen.gif',
	imgbase+'but_intro_off.gif',
	imgbase+'but_arrang_off.gif',
	imgbase+'but_reserve_off.gif',	
	imgbase+'but_tezien_off.gif',
	imgbase+'but_golf_off.gif',
	imgbase+'but_vergaderen_off.gif',
	imgbase+'but_route_off.gif',
	imgbase+'but_info_off.gif' );

// Image files, displayed while mouseover (and not selected)
var imgon    = new Array (
	imgbase+'wapen1.gif',
	imgbase+'but_intro_on.gif',
	imgbase+'but_arrang_on.gif',
	imgbase+'but_reserve_on.gif',
	imgbase+'but_tezien_on.gif',
	imgbase+'but_golf_on.gif',
	imgbase+'but_vergaderen_on.gif',
	imgbase+'but_route_on.gif',
	imgbase+'but_info_on.gif' );

// Image files, displayed while the image has been clicked (is selected)
var imgsel   = new Array (
	imgbase+'wapen1.gif',
	imgbase+'but_intro_sel.gif',
	imgbase+'but_arrang_sel.gif',
	imgbase+'but_reserve_sel.gif',
	imgbase+'but_tezien_sel.gif',
	imgbase+'but_golf_sel.gif',
	imgbase+'but_vergaderen_sel.gif',
	imgbase+'but_route_sel.gif',
	imgbase+'but_info_sel.gif' );

for ( i=0; i<imgon.length; i++ )
{	imagex = new Image();
	imagex.src = imgon[i];
}
for ( i=0; i<imgsel.length; i++ )
{	imagex = new Image();
	imagex.src = imgsel[i];
}

// Function is called while mouseover or mouseout
// mouseover = 0 : mouseout  event
// mouseover = 1 : mouseover event
// imageID : index number of the image (0-based) or image identifier
function swapimage(mouseover, imageID)
{if (document.images)
 { if ( typeof (imageID ) == 'string' )
   {	imageName = imageID;
		for ( i=0; i<imgnames.length; i++ )
		{ if ( imgnames[i] == imageName ) { imageNumber = i; break; }
		}
   } else
   {	imageName   = imgnames[imageID];
		imageNumber = imageID;
   }
	if ( mouseover == 1 )
	{ imageSrc = imgon[imageNumber];
	} else
	{ imageSrc = imgoff[imageNumber]; }
	document.images[imageName].src = imageSrc;
 }
 return true;
}

// Function is called while the images is clicked
// imageID : index number of the image (0-based) or image identifier
function clicked (imageID)
{ if ( typeof (imageID ) == 'string' )
  { selected = imageID;
  } else
  { selected = imgnames[imageID];
  }
  for ( i=0; i<imgnames.length; i++ )
  { if ( imgnames[i] == selected )
    { document.images[imgnames[i]].src = imgsel[i];
    }else
    { document.images[imgnames[i]].src = imgoff[i]; }
  }
  return true;
}