var className = ( document.all && !window.opera )? 'className' : 'class';
var bars = [];
var activebar = "";

function setActiveBar( str ){
	activebar = str;
	for( var i=0; i<bars.length; i++ ){
		if( bars[i].id == str ){
			bars[i].src = bars[i].onsrc;
		} else {
			bars[i].src = bars[i].offsrc;
		}
	}
}

function setPanelBgImg() {
	
	bars[0] = document.getElementById("bar_meteo");
	bars[1] = document.getElementById("bar_water");
	bars[2] = document.getElementById("bar_earthq");
	bars[3] = document.getElementById("bar_protect");
	bars[4] = document.getElementById("bar_space");
	bars[5] = document.getElementById("bar_industry");
	bars[6] = document.getElementById("bar_facility");
	for(var num=0; num<bars.length; num++) {
		
		var filetype = bars[num].src.substring(bars[num].src.lastIndexOf('.'));
		
		var bar_basename = bars[num].src.substring(0, bars[num].src.length - filetype.length);
		
		bars[num].onsrc = bar_basename + "-on" + filetype;
		bars[num].offsrc = bars[num].src;		
		bars[num].hoversrc = bar_basename + "-hover" + filetype;
		//bars[num].style.border = "0";
		/*
		bars[num].onclick = function(){
			setActiveBar( this.id );
		}*/
		bars[num].onmouseover = function(){
			
			if(activebar != this.id) { this.src=this.hoversrc;}

		}
		bars[num].onmouseout = function(){
			if(activebar != this.id) { this.src=this.offsrc;}
		}
	}
}


function accordion_init(str){


	if(!document.getElementById) return;


	setPanelBgImg();
	
	setActiveBar( str );
	
	
}