var myAccordion;

window.addEvent('domready', function() {								
	//create our Accordion instance
	myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.elemento', {
		opacity: true,
		duration: 700,
		onActive: function(toggler, elemento){
			//toggler.setStyle('color', '#ff0000');
			toggler.addClass('selected');
		},
		onBackground: function(toggler, elemento){
			//toggler.setStyle('color', '#0000ff');
			toggler.removeClass('selected');
		}
	});	
});

function display(index) {
  if (myAccordion) { // IS THE accordion VARIABLE ASSIGNED/DEFINED?
    myAccordion.display(index); // YES, IT'S DEFINED, SO CALL accordion.display()
  }
  else{
  	alert("no");
  }
}

function showHideLayers(x) {
	if (x==1){
		document.getElementById("kartearchi").style.display = "block";
		document.getElementById("kartefood").style.display = "none";
		document.getElementById("kartewerbe").style.display = "none";
		document.getElementById("btn_archi").style.background = 'url(../images/btn_archi_bg_akt.gif) no-repeat';
		document.getElementById("btn_food").style.background = 'url(../images/btn_food_bg.gif) no-repeat';
		document.getElementById("btn_werbe").style.background = 'url(../images/btn_werbe_bg.gif) no-repeat';
		document.getElementById("btn_archi").style.color = "#ffffff";
		document.getElementById("btn_food").style.color = "#ffffff";
		document.getElementById("btn_werbe").style.color = "#ffffff";
		document.getElementById("alles_aussen").style.background = 'url(../images/alles_archi_bg.jpg) no-repeat bottom left';
		}
	if (x==2){
		document.getElementById("kartearchi").style.display = "none";
		document.getElementById("kartefood").style.display = "block";
		document.getElementById("kartewerbe").style.display = "none";
		document.getElementById("btn_archi").style.background = 'url(../images/btn_archi_bg.gif) no-repeat';
		document.getElementById("btn_food").style.background = 'url(../images/btn_food_bg_akt.gif) no-repeat';
		document.getElementById("btn_werbe").style.background = 'url(../images/btn_werbe_bg.gif) no-repeat';
		document.getElementById("btn_archi").style.color = "#ffffff";
		document.getElementById("btn_food").style.color = "#ffffff";
		document.getElementById("btn_werbe").style.color = "#ffffff";
		document.getElementById("alles_aussen").style.background = 'url(../images/alles_food_bg.jpg) no-repeat bottom left';
		}
	if (x==3){
		document.getElementById("kartearchi").style.display = "none";
		document.getElementById("kartefood").style.display = "none";
		document.getElementById("kartewerbe").style.display = "block";
		document.getElementById("btn_archi").style.background = 'url(../images/btn_archi_bg.gif) no-repeat';
		document.getElementById("btn_food").style.background = 'url(../images/btn_food_bg.gif) no-repeat';
		document.getElementById("btn_werbe").style.background = 'url(../images/btn_werbe_bg_akt.gif) no-repeat';
		document.getElementById("btn_archi").style.color = "#ffffff";
		document.getElementById("btn_food").style.color = "#ffffff";
		document.getElementById("btn_werbe").style.color = "#ffffff";
		document.getElementById("alles_aussen").style.background = 'url(../images/alles_werbe_bg.jpg) no-repeat bottom left';
		}
}