var bIsNC4 = (navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4);
var bIsIE4 = (navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 );
var bIsSupportOK = bIsNC4 || bIsIE4;
var nMaxItem = 11;
var NameIndex = 0;
var DefaultState = 1;
var MouseOverState = 2;
var MouseDownState = 3;
var imgCounter = 0;
var ImageList = new Array();
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)
{
    if (bIsSupportOK) {
        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;
            }
        }
    }
}
/* *******************************************************
   :: Preloaden van Alphabet buttons
   ******************************************************** */
/* 				|Item Name|	 |Image Standaart|				 |Image Rollover|			   */

AddImageToImageList("button1",  "images/buttons/button_a.gif", "images/buttons/button_a_over.gif", "");
AddImageToImageList("button2",  "images/buttons/button_b.gif", "images/buttons/button_b_over.gif", "");
AddImageToImageList("button3",  "images/buttons/button_c.gif", "images/buttons/button_c_over.gif", "");
AddImageToImageList("button4",  "images/buttons/button_d.gif", "images/buttons/button_d_over.gif", "");
AddImageToImageList("button5",  "images/buttons/button_e.gif", "images/buttons/button_e_over.gif", "");
AddImageToImageList("button6",  "images/buttons/button_f.gif", "images/buttons/button_f_over.gif", "");
AddImageToImageList("button7",  "images/buttons/button_g.gif", "images/buttons/button_g_over.gif", "");
AddImageToImageList("button8",  "images/buttons/button_h.gif", "images/buttons/button_h_over.gif", "");
AddImageToImageList("button9",  "images/buttons/button_i.gif", "images/buttons/button_i_over.gif", "");
AddImageToImageList("button10",  "images/buttons/button_j.gif", "images/buttons/button_j_over.gif", "");
AddImageToImageList("button11",  "images/buttons/button_k.gif", "images/buttons/button_k_over.gif", "");
AddImageToImageList("button12",  "images/buttons/button_l.gif", "images/buttons/button_l_over.gif", "");
AddImageToImageList("button13",  "images/buttons/button_m.gif", "images/buttons/button_m_over.gif", "");
AddImageToImageList("button14",  "images/buttons/button_n.gif", "images/buttons/button_n_over.gif", "");
AddImageToImageList("button15",  "images/buttons/button_o.gif", "images/buttons/button_o_over.gif", "");
AddImageToImageList("button16",  "images/buttons/button_p.gif", "images/buttons/button_p_over.gif", "");
AddImageToImageList("button17",  "images/buttons/button_q.gif", "images/buttons/button_q_over.gif", "");
AddImageToImageList("button18",  "images/buttons/button_r.gif", "images/buttons/button_r_over.gif", "");
AddImageToImageList("button19",  "images/buttons/button_s.gif", "images/buttons/button_s_over.gif", "");

AddImageToImageList("button20",  "images/buttons/button_t.gif", "images/buttons/button_t_over.gif", "");
AddImageToImageList("button21",  "images/buttons/button_u.gif", "images/buttons/button_u_over.gif", "");
AddImageToImageList("button22",  "images/buttons/button_v.gif", "images/buttons/button_v_over.gif", "");
AddImageToImageList("button23",  "images/buttons/button_w.gif", "images/buttons/button_w_over.gif", "");

AddImageToImageList("button24",  "images/buttons/button_x.gif", "images/buttons/button_x_over.gif", "");
AddImageToImageList("button25",  "images/buttons/button_y.gif", "images/buttons/button_y_over.gif", "");
AddImageToImageList("button26",  "images/buttons/button_z.gif", "images/buttons/button_z_over.gif", "");
AddImageToImageList("button27",  "images/buttons/button_-.gif", "images/buttons/button_-_over.gif", "");



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)
{
    if (bIsSupportOK) {
        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;
            }
        }
    }
}
/* *******************************************************
   :: Preloaden van Nummerieke buttons
   ******************************************************** */
/* 				|Item Name|	       |Image Standaart|				 |Image Rollover|			   */
AddImageToImageList("swap_button_01",  "images/buttons/swap_button_01.gif", "images/buttons/swap_button_01_over.gif", "");
AddImageToImageList("swap_button_02",  "images/buttons/swap_button_02.gif", "images/buttons/swap_button_02_over.gif", "");
AddImageToImageList("swap_button_03",  "images/buttons/swap_button_03.gif", "images/buttons/swap_button_03_over.gif", "");
AddImageToImageList("swap_button_04",  "images/buttons/swap_button_04.gif", "images/buttons/swap_button_04_over.gif", "");
AddImageToImageList("swap_button_05",  "images/buttons/swap_button_05.gif", "images/buttons/swap_button_05_over.gif", "");
AddImageToImageList("swap_button_06",  "images/buttons/swap_button_06.gif", "images/buttons/swap_button_06_over.gif", "");