var btn1On = new Image();		btn1On.src="images/btn-asthetics-on.gif";
var btn2On = new Image();		btn2On.src="images/btn-spa-on.gif";

window.addEvent('load', function() {
	$('spa-box').setStyle('display','block');
	$('asthetics-box').setStyle('display','block');
	
	var accordion = new Accordion($$('.toggler'),$$('.element'), { 
		opacity: 0,
		onActive: function(toggler) {
			if(toggler.id == 'btn-spa'){
				toggler.setStyle('background-image','url(images/btn-spa-on.gif)');	
			}else if(toggler.id == 'btn-asthetics'){
				toggler.setStyle('background-image','url(images/btn-asthetics-on.gif)');
			}
		},
		onBackground: function(toggler) {
			if(toggler.id == 'btn-spa'){
				toggler.setStyle('background-image','url(images/btn-spa-off.gif)');	
			}else if(toggler.id == 'btn-asthetics'){
				toggler.setStyle('background-image','url(images/btn-asthetics-off.gif)');
			}	
		}
	});
});