var preloaded = new Array();

function preloadImages() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };
};

preloadImages (
    '/img/button.green.left.gif',
    '/img/button.green.gif',
    '/img/button.green.right.gif',
    '/img/reg_buttons_left_HOVER.png',
    '/img/reg_buttons_center_HOVER.png',
    '/img/reg_buttons_right_HOVER.png',
    '/img/reg_buttons_btm_HOVER.png',
    '/img/reg_buttons_left.png',
    '/img/reg_buttons_center.png',
    '/img/reg_buttons_right.png',
    '/img/reg_buttons_btm.png');

function changeBubbleOver() {
    document.getElementById('regButtonsLeft').style.backgroundImage = "url(/img/reg_buttons_left_HOVER.png)";
    document.getElementById('regButtonsCenter').style.backgroundImage = "url(/img/reg_buttons_center_HOVER.png)";
    document.getElementById('regButtonsRight').style.backgroundImage = "url(/img/reg_buttons_right_HOVER.png)";
    document.getElementById('regButtonsBtm').style.backgroundImage = "url(/img/reg_buttons_btm_HOVER.png)";
}

function changeBubbleOut() {
    document.getElementById('regButtonsLeft').style.backgroundImage = "url(/img/reg_buttons_left.png)";
    document.getElementById('regButtonsCenter').style.backgroundImage = "url(/img/reg_buttons_center.png)";
    document.getElementById('regButtonsRight').style.backgroundImage = "url(/img/reg_buttons_right.png)";
    document.getElementById('regButtonsBtm').style.backgroundImage = "url(/img/reg_buttons_btm.png)";
}   
function changeBubbleNumOver(num) {
    document.getElementById('regButtonsLeft'+num).style.backgroundImage = "url(/img/reg_buttons_left_HOVER.png)";
    document.getElementById('regButtonsCenter'+num).style.backgroundImage = "url(/img/reg_buttons_center_HOVER.png)";
    document.getElementById('regButtonsRight'+num).style.backgroundImage = "url(/img/reg_buttons_right_HOVER.png)";
    document.getElementById('regButtonsBtm'+num).style.backgroundImage = "url(/img/reg_buttons_btm_HOVER.png)";
}

function changeBubbleNumOut(num) {
    document.getElementById('regButtonsLeft'+num).style.backgroundImage = "url(/img/reg_buttons_left.png)";
    document.getElementById('regButtonsCenter'+num).style.backgroundImage = "url(/img/reg_buttons_center.png)";
    document.getElementById('regButtonsRight'+num).style.backgroundImage = "url(/img/reg_buttons_right.png)";
    document.getElementById('regButtonsBtm'+num).style.backgroundImage = "url(/img/reg_buttons_btm.png)";
}   

function changeButtonOver(num) {
    document.getElementById('blueBtn'+num+'Left').style.backgroundImage = "url(/img/button.green.left.gif)";
    document.getElementById('blueBtn'+num+'Content').style.backgroundImage = "url(/img/button.green.gif)";
    document.getElementById('blueBtn'+num+'Right').style.backgroundImage = "url(/img/button.green.right.gif)";
}

function changeButtonOut(num) {
    document.getElementById('blueBtn'+num+'Left').style.backgroundImage = "url(/img/button.blue.left.gif)";
    document.getElementById('blueBtn'+num+'Content').style.backgroundImage = "url(/img/button.blue.gif)";
    document.getElementById('blueBtn'+num+'Right').style.backgroundImage = "url(/img/button.blue.right.gif)";
}