// Menuknop die actief is
var sActive = '';
var sActiveSM = '';

// alle menuknoppen
var aImages = new Array(
	"01home",
	"02historie",
	"03diensten",
	"04producten",
	"05betonpompen",
	"06certificering",
	"07links",
	"08nieuws",
	"09wiezijnwe"
);

// Alle submenu knoppen
var aImagesSM = new Array(
	"04betonmortel",
	"04metselmix",
	"04zandcement",
	"04vloeischuim",
	"04diamur"
);

// Alle plaatjes die gepreload moeten worden
var the_images = new Array('images/buttons/01home.gif','images/buttons/01home_ov.gif',
	   'images/buttons/02historie.gif','images/buttons/02historie_ov.gif',
	   'images/buttons/03diensten.gif','images/buttons/03diensten_ov.gif',
	   'images/buttons/04producten.gif','images/buttons/04producten_ov.gif',
	   'images/buttons/05betonpompen.gif','images/buttons/05betonpompen_ov.gif',
	   'images/buttons/06certificering.gif','images/buttons/06certificering_ov.gif',
	   'images/buttons/07links.gif','images/buttons/07links_ov.gif',
	   'images/buttons/08nieuws.gif','images/buttons/08nieuws_ov.gif',
	   'images/buttons/04betonmortel.gif','images/buttons/04betonmortel_ov.gif',
	   'images/buttons/04metselmix.gif','images/buttons/04metselmix_ov.gif',
	   'images/buttons/04zandcement.gif','images/buttons/04zandcement_ov.gif',
	   'images/buttons/04vloeischuim.gif','images/buttons/04vloeischuim_ov.gif',
	   'images/buttons/04diamur.gif','images/buttons/04diamur_ov.gif',
	   'images/buttons/08camera.gif','images/buttons/08camera_ov.gif',
	   'images/buttons/09wiezijnwe.gif','images/buttons/09wiezijnwe_ov.gif',
	   'images/home/home-boven.jpg',
	   'images/betonpompen/betonpompen-boven.jpg',
	   'images/certificering/certificering-boven.jpg',
	   'images/diensten/diensten-boven.jpg',
	   'images/historie/historie-boven.jpg',
	   'images/links/links-boven.jpg',
	   'images/producten/producten-boven.jpg');

function doPreload()
{
   for(var loop = 0; loop < the_images.length; loop++)
	{
		var an_image = new Image();
		an_image.src = the_images[loop];
	}
}

function activateImage ( p_sName )
{
	sActive = p_sName;

	for (i=0; i<aImages.length; i++)
	{
		swapImageBack(aImages[i]);
	}

	document.images[p_sName].src = 'images/buttons/' + p_sName + '_ov.gif';
}

function activateImageSM ( p_sName )
{
	sActiveSM = p_sName;

	for (i=0; i<aImagesSM.length; i++)
	{
		swapImageBack(aImagesSM[i]);
	}

	document.images[sActiveSM].src = 'images/buttons/' + sActiveSM + '_ov.gif';
}

function swapImage ( p_sName )
{
	if (sActive != p_sName)
	{
		document.images[p_sName].src = 'images/buttons/' + p_sName + '_ov.gif';
	}
}

function swapImageBack ( p_sName )
{
	if (sActive == p_sName || sActiveSM == p_sName)
	{} else {
		document.images[p_sName].src = 'images/buttons/' + p_sName + '.gif';
	}
}

function swapTopImage(p_sImage)
{
	document.images['topimage'].src = 'images/' + p_sImage + '.jpg';
}