// javascript functions for preloading, rollovers and hiding/showing <div>'s
// copyright danoz@danoz.net

function change(name, state) {
    if (state == "on") {
        if (name == "1") {
            document.menu_1.src = 'images/menu_1_colour.jpg';
            document.pic_1.src = 'images/1_colour.jpg';
	    showElement('1','5');
        } else if (name == "2") {
            document.menu_2.src = 'images/menu_2_colour.jpg';
            document.pic_2.src = 'images/2_colour.jpg'
	    showElement('2','5');
        } else if (name == "3") {
            document.menu_3.src = 'images/menu_3_colour.jpg';
            document.pic_3.src = 'images/5_colour.jpg';
	    showElement('3','5');
        } else if (name == "4") {
            document.menu_4.src = 'images/menu_4_colour.jpg';
            document.pic_4.src = 'images/4_colour.jpg';
	    showElement('4','5');
        } else if (name == "5") {
            document.menu_5.src = 'images/menu_5_colour.jpg';
            document.pic_5.src = 'images/3_colour.jpg';
	    showElement('5','5');
        }
    } else if (state == "off") {
        if (name == "1") {
            document.menu_1.src = 'images/menu_1_grayscale.jpg';
            document.pic_1.src = 'images/1_grayscale.jpg';
	    // showElement('0','5');
        } else if (name == "2") {
            document.menu_2.src = 'images/menu_2_grayscale.jpg';
            document.pic_2.src = 'images/2_grayscale.jpg';
	    // showElement('0','5');
        } else if (name == "3") {
            document.menu_3.src = 'images/menu_3_grayscale.jpg';
            document.pic_3.src = 'images/5_grayscale.jpg';
	    // showElement('0','5');
        } else if (name == "4") {
            document.menu_4.src = 'images/menu_4_grayscale.jpg';
            document.pic_4.src = 'images/4_grayscale.jpg';
	    // showElement('0','5');
        } else if (name == "5") {
            document.menu_5.src = 'images/menu_5_grayscale.jpg';
            document.pic_5.src = 'images/3_grayscale.jpg';
	    // showElement('0','5');
        }
    }
}

function change2(name, state) {
    if (state == "on") {
	if (name == "1") {
	    document.menu_1.src = 'images/menu_1_colour2.jpg';
	} else if (name == "2") {
	    document.menu_2.src = 'images/menu_2_colour2.jpg';
	} else if (name == "3") {
	    document.menu_3.src = 'images/menu_3_colour2.jpg';
	} else if (name == "4") {
	    document.menu_4.src = 'images/menu_4_colour2.jpg';
	} else if (name == "5") {
	    document.menu_5.src = 'images/menu_5_colour2.jpg';
	} 
    } else if (state == "off") {
	if (name == "1") {
	    document.menu_1.src = 'images/menu_1_grayscale2.jpg';
	} else if (name == "2") {
	    document.menu_2.src = 'images/menu_2_grayscale2.jpg';
	} else if (name == "3") {
	    document.menu_3.src = 'images/menu_3_grayscale2.jpg';
	} else if (name == "4") {
	    document.menu_4.src = 'images/menu_4_grayscale2.jpg';
	} else if (name == "5") {
	    document.menu_5.src = 'images/menu_5_grayscale2.jpg';
	} 
    }
}

function preload() {

    var pics = new Array("images/1_colour.jpg", "images/2_colour.jpg", "images/3_colour.jpg", "images/4_colour.jpg", "images/5_colour.jpg", "mages/menu_1_colour.jpg", "images/menu_2_colour.jpg", "images/menu_3_colour.jpg", "images/menu_4_colour.jpg", "images/menu_5_colour.jpg");

    var images = new Array(pics.length);

    for (i = 0; i < pics.length; i++) {
        images[i] = new Image();
        images[i].src = pics[i];
    }
}


function showElement(element, size) {

    d = document.getElementById(element);
    d.style.display = "";

    for (num = 1; num <= size ; num++) {
        if (element != num) {
            d = document.getElementById(num);
            d.style.display = "none";
        }
    }
}

function openImage(image_name) {
    window.open ("?p=8&image="+image_name,image_name,'width=1000,height=750');
}

function openImage2(image_name) {
    window.open ("?p=8&image="+image_name,image_name,'width=800,height=600');
}

function openBanner(banner_name, banner_height, banner_width) {
    window.open ("?p=9&image="+banner_name,banner_name,'width=' + banner_width + ',height=' + banner_height);
}