var num = 5;
var f = false;
var b = new Array;

function prel(){
	if(document.images) {
		for(i=1;i<=num;i++){
		  str = 'buttons/b' + i + '_o.gif';
		  b[i-1] = new Image();
		  b[i-1].src = str;
		  }
		f = true;
 	}
}

function on(im){
	if (document.images && (f == true)) {document.images[im].src="buttons/"+im+"_o.gif";}
}

function off(im){
	if (document.images && (f == true)) {document.images[im].src = "buttons/"+im+".gif";}
}

function show(id) {
	document.getElementById(id + '_out').style.display = "none";
	document.getElementById(id + '_over').style.display = "block";
}
function hide(id) {
	document.getElementById(id + '_over').style.display = "none";
	document.getElementById(id + '_out').style.display = "block";
}

function chStyle(obj, key){
	if(key == 1){
		document.getElementById(obj).style.backgroundImage = "url(buttons/bg1_o.gif)";
	}
	else if(key == 0){
		document.getElementById(obj).style.backgroundImage = "url(buttons/bg1.gif)";
	}
}