<!--THINK! RollOverButton 1.0.
nMaxItem = 4;
NameIndex = 0;
DefaultState = 1;

MouseOverState = 2;
MouseDownState = 3;
imgCounter = 0;

ImageList = new Array();

bIsSupportOK = (
	((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) ||
	((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
);

function AddImageToImageList(name, Default, MouseOver, MouseDown)
{
	ImageList[imgCounter] = new Array(nMaxItem);
	ImageList[imgCounter][NameIndex] = name;
	ImageList[imgCounter][DefaultState] = new Image();
	ImageList[imgCounter][DefaultState].src = Default;
	if (MouseOver != "") {
		ImageList[imgCounter][MouseOverState] = new Image();
		ImageList[imgCounter][MouseOverState].src = MouseOver;
	}
	if (MouseDown != "") {
		ImageList[imgCounter][MouseDownState] = new Image();
		ImageList[imgCounter][MouseDownState].src = MouseDown;
	}

	imgCounter++;
}

function ReplaceImage(name, state)
{
	for (i = 0; i < imgCounter; i++) {
		if (document.images[ImageList[i][NameIndex]] != null) {
			if ((name == ImageList[i][NameIndex]) && (ImageList[i][state] != null))
				document.images[name].src = ImageList[i][state].src;
		}
	}
}

// ------------
// . First:
// . You can copy the "AddImageToImageList(...)" script and
// . paste it into your HTML file to compile and
// . define your rollover button.
// . <a href="xxx.html" 
// . onmousedown="if (bIsSupportOK) ReplaceImage('menu_1', MouseDownState);" 
// . onmouseout="if (bIsSupportOK) ReplaceImage('menu_1',DefaultState);" 
// . onmouseover="if (bIsSupportOK) ReplaceImage('menu_1', MouseOverState);" 
// . onmouseup="if (bIsSupportOK) ReplaceImage('menu_1', MouseOverState);" 
// . target=""><img src="images/menu_1_0.png" alt="xxx" name="menu_1" border="0" id="menu_1" /></a>
// . ------------
AddImageToImageList("nav_1", "images/en_nav_1_1.png", "images/en_nav_1_2.png", "images/en_nav_1_2.png");
AddImageToImageList("nav_2", "images/en_nav_2_1.png", "images/en_nav_2_2.png", "images/en_nav_2_2.png");
AddImageToImageList("nav_3", "images/en_nav_3_1.png", "images/en_nav_3_2.png", "images/en_nav_3_2.png");
AddImageToImageList("nav_4", "images/en_nav_4_1.png", "images/en_nav_4_2.png", "images/en_nav_4_2.png");
AddImageToImageList("nav_5", "images/en_nav_5_1.png", "images/en_nav_5_2.png", "images/en_nav_5_2.png");
AddImageToImageList("nav_6", "images/chs_nav_1_1.png", "images/chs_nav_1_2.png", "images/chs_nav_1_2.png");
AddImageToImageList("nav_7", "images/chs_nav_2_1.png", "images/chs_nav_2_2.png", "images/chs_nav_2_2.png");
AddImageToImageList("nav_8", "images/chs_nav_3_1.png", "images/chs_nav_3_2.png", "images/chs_nav_3_2.png");
AddImageToImageList("nav_9", "images/chs_nav_4_1.png", "images/chs_nav_4_2.png", "images/chs_nav_4_2.png");
AddImageToImageList("nav_10", "images/chs_nav_5_1.png", "images/chs_nav_5_2.png", "images/chs_nav_5_2.png");
// ------------>