// +--------------------------------------------------------------------------------------------+
// | Mouseover voor een 2 knops en 3 knops menu                                        			|
// +--------------------------------------------------------------------------------------------+
// | Copyright (c) 1998-2003 A&M-ImpacT															|
// +--------------------------------------------------------------------------------------------+
// | Naam:				mouseover.js															|
// | Beschrijving: 		Dit zijn de funties die nodig zijn om een mouseover menu te maken		|
// | 					voor een 2 knops en 3 knops menu;										|
// | Auteurs: 			Ricardo van der Vaart - A&M-ImpacT										|
// | Laatste wijziging: 03-10-2003																|
// +--------------------------------------------------------------------------------------------+
// +--------------------------------------------------------------------------------------------+
// | Check welke browser en wat voor versie de client heeft										|
// +--------------------------------------------------------------------------------------------+
var browser 			= navigator.appName.substring(0,8);
var version 			= parseInt(navigator.appVersion); 
var js_brwsr_supp_ok 	= ((browser == "Netscape") && (version >= 3)) || ((browser == "Microsof") && (version >= 4));

if (js_brwsr_supp_ok) {
// +--------------------------------------------------------------------------------------------+
// | Pas allen deze variablen aan																|
// +--------------------------------------------------------------------------------------------+
	var aantal 		= 5;					// Het aantal knoppen dat er in het menu aanwezig zijn;
	var soort		= 2;					// Menusoort aantal, 2 = (on|off) , 3 = (on|off|selected);
	var menu_aantal	= 1;					// Het aantal menu's;

	var locatie		= 'images/buttons/';		// De locatie waar de images staan;
	var extentie	= '.gif';				// De extentie van de images;
	var naam		= 'm';					// De naam van het menu;
// +--------------------------------------------------------------------------------------------+
// | Globale variablen																			|
// +--------------------------------------------------------------------------------------------+
	var teller		= aantal + 1; // verhoog menu aantal zodat optie 1 waarde 1 heeft
	var normal 		= new makeArray(aantal);
	var hilite 		= new makeArray(aantal);
	var selected 	= new makeArray(aantal);
// +--------------------------------------------------------------------------------------------+
// | Maak de array's aan met de scr van de plaatjes aan											|
// +--------------------------------------------------------------------------------------------+
	for (var i = 1 ; i <= menu_aantal ; i++)
	{
	// +--------------------------------------------------------------------------------------------+
	// | Array met onMouseOut plaatjes																|
	// +--------------------------------------------------------------------------------------------+
		for (var j = 1 ; j < teller ; j++) // de onMouseOff images
		{
			normal[j].src = locatie + naam + menu_aantal + '_' + j + '_off' + extentie;
		}
	// +--------------------------------------------------------------------------------------------+
	// | Array met onMouseOver plaatjes																|
	// +--------------------------------------------------------------------------------------------+
		for (var j = 1 ; j < teller ; j++) // de onMouseOn images
		{
			hilite[j].src = locatie + naam + menu_aantal + '_' + j + '_on' + extentie;
		}
	// +--------------------------------------------------------------------------------------------+
	// | Array met onClick plaatjes																	|
	// +--------------------------------------------------------------------------------------------+
		if ( soort == 3)
		{
			for (var j = 1 ; j < teller ; j++) // de onClick images
			{
				selected[j].src = locatie + naam + menu_aantal + '_' + j + '_select' + extentie;
			}
		}
	}
// +--------------------------------------------------------------------------------------------+
// | Maak de array's waar de plaatjes inkomen													|
// +--------------------------------------------------------------------------------------------+
	function makeArray(n)
	{
		for (var i = 0 ; i <= n ; i++)
		{
			this[i] = new Image();
		}
		return this;
	}
// +--------------------------------------------------------------------------------------------+
// | De functie voor de onMouseOver plaatjes													|
// +--------------------------------------------------------------------------------------------+
	function onImage(num)
	{
		if (js_brwsr_supp_ok)
		{
			if ( soort == 2)
			{
				document.getElementById('Image' + num).src = hilite[num].src;
			}
			
			if ( soort == 3)
			{
				if(document.getElementById('Image' + num).src != selected[num].src)
				{
					document.getElementById('Image' + num).src = hilite[num].src;
				}
			}
		}
	}
// +--------------------------------------------------------------------------------------------+
// | De functie voor de onMouseOut plaatjes														|
// +--------------------------------------------------------------------------------------------+
	function offImage(num)
	{
		if (js_brwsr_supp_ok)
		{
			if ( soort == 2)
			{
				document.getElementById('Image' + num).src = normal[num].src;
			}

			if ( soort == 3)
			{
				if(document.getElementById('Image' + num).src != selected[num].src)
				{
					document.getElementById('Image' + num).src = normal[num].src;
				}
			}
		}
	}
// +--------------------------------------------------------------------------------------------+
// | De functie voor de onClick plaatjes														|
// +--------------------------------------------------------------------------------------------+
	function clickImage(num)
	{
		if (js_brwsr_supp_ok)
		{
			if ( soort == 3)
			{
				for (var i = 1 ; i < teller ; i++)
				{
					document.getElementById('Image' + i).src = normal[i].src;
				}
				
				document.getElementById('Image' + num).src = selected[num].src;
			}
		}
	}
}
// +--------------------------------------------------------------------------------------------+
// | Einde script																				|
// +--------------------------------------------------------------------------------------------+