function preload() {

for ( x=1; x<8; x++ ) {

 buttonUp = new Image();

 buttonUp.src = "images/drop2_" + x + ".gif";

}

for ( x=1; x<5; x++ ) {

 buttonUp = new Image();

 buttonUp.src = "images/drop1_" + x + ".gif";

}



}







function backgroundSwitch (e, position, container){

    if (!e) var e = window.event;

        e.cancelBubble = true;

        if (e.stopPropagation) e.stopPropagation();

    if (!e) var e = window.event;

    var tg = e.toElement || e.relatedTarget;

    if (container == 'container2'){

        switch(position){

            case 1: document.getElementById(container).style.backgroundImage="url(images/drop2_1.gif)";

            break;

            case 2: document.getElementById(container).style.backgroundImage="url(images/drop2_2.gif)";

            break;

            case 3: document.getElementById(container).style.backgroundImage="url(images/drop2_3.gif)";

            break;

			case 4: document.getElementById(container).style.backgroundImage="url(images/drop2_4.gif)";

            break;

			case 5: document.getElementById(container).style.backgroundImage="url(images/drop2_5.gif)";

            break;

			case 6: document.getElementById(container).style.backgroundImage="url(images/drop2_6.gif)";

            break;

			case 7: document.getElementById(container).style.backgroundImage="url(images/drop2_7.gif)";

            break;

        }

    }

    else if (container == 'container4'){

        switch(position){

            case 1: document.getElementById(container).style.backgroundImage="url(images/drop1_1.gif)";

            break;

            case 2: document.getElementById(container).style.backgroundImage="url(images/drop1_2.gif)";

            break;

			case 3: document.getElementById(container).style.backgroundImage="url(images/drop1_3.gif)";

            break;

			case 4: document.getElementById(container).style.backgroundImage="url(images/drop1_4.gif)";

            break;

        }   

    }

}