var selected = 0;
var totalbuttons = 6;
function hooverbutton(id){
	var tbl = document.getElementById('buttons');
	var cell = document.getElementById('button_'+id);
	var images = tbl.getElementsByTagName('img');
		
	if(cell.className == 'button'){
		cell.className = 'buttonovr';
		if(selected > 0 && selected == id-1){
			images[id-1].src = 'images/button_bb.gif';
		}else if(id == 1){
			images[id-1].src = 'images/button_eb.gif';
		}else{
			images[id-1].src = 'images/button_wb.gif';
		}
		if(selected == id+1){
			images[id].src = 'images/button_bb.gif';
		}else if(id == totalbuttons){
			images[id].src = 'images/button_be.gif';
		}else{
			images[id].src = 'images/button_bw.gif';
		}
	}else{
		
		selected = id;
	}
}

function unhooverbutton(id){
	var tbl = document.getElementById('buttons');
	var cell = document.getElementById('button_'+id);
	var images = tbl.getElementsByTagName('img');
	
	if(id != selected){
		cell.className = 'button';
		if(selected > 0 && selected == id-1){
			images[id-1].src = 'images/button_bw.gif';
		}else if(id == 1){
			images[id-1].src = 'images/button_ew.gif';
		}else{
			images[id-1].src = 'images/button_ww.gif';
		}
		if(selected == id+1){
			images[id].src = 'images/button_wb.gif';
		}else if(id == totalbuttons){
			images[id].src = 'images/button_we.gif';
		}else{
			images[id].src = 'images/button_ww.gif';
		}
	}
}

function onloader(){
	var tbl = document.getElementById('buttons');
	var images = tbl.getElementsByTagName('img');
	
	getselected();
	
	if(selected == 1){
		images[selected-1].src = 'images/button_eb.gif';
		images[selected].src = 'images/button_bw.gif';
	}else if (selected == totalbuttons){
		images[selected-1].src = 'images/button_wb.gif';
		images[selected].src = 'images/button_be.gif';
	}else if(selected > 0){
		images[selected-1].src = 'images/button_wb.gif';
		images[selected].src = 'images/button_bw.gif';
	}
}

function getselected(){
	for(i=1;i<=totalbuttons;i++){
		if(document.getElementById('button_'+i).className == 'buttonovr'){
			selected = i;
		}
	}
}

window.onload = onloader;