var myFade = function() {
	$('element').fade('toggle');
}

window.addEvent('domready', function() {  
	var accordion = new Accordion($$('.toggler'),$$('.element'), {
		opacity: 0,
		alwaysHide:true,
		show:5,
		onActive: function(toggler) { 
			toggler.setStyle('background-image', 'url(../img/signup.png)'); 
			toggler.setStyle('background-position', '-359px 0px');
			toggler.setStyle('background-repeat', 'no-repeat'); 
			
			$$('.toggler').addEvent('mouseenter', function() { 
				this.setStyle('background-image', 'url(../img/signup.png)'); 
				this.setStyle('background-position', '-359px -36px');
				this.setStyle('background-repeat', 'no-repeat'); 
			});
				
			$$('.toggler').addEvent('mouseleave', function() { 
				this.setStyle('background-image', 'url(../img/signup.png)'); 
				this.setStyle('background-position', '-359px 0px');
				this.setStyle('background-repeat', 'no-repeat'); 
			});
		},
		
		onBackground: function(toggler) { 
			toggler.setStyle('background-image', 'url(../img/signup.png)'); 
			toggler.setStyle('background-position', '0px 0px');
			toggler.setStyle('background-repeat', 'no-repeat');
			
			$$('.toggler').addEvent('mouseenter', function() { 
				this.setStyle('background-image', 'url(../img/signup.png)'); 
				this.setStyle('background-position', '0px -36px');
				this.setStyle('background-repeat', 'no-repeat'); 
			});
				
			$$('.toggler').addEvent('mouseleave', function() { 
				this.setStyle('background-image', 'url(../img/signup.png)'); 
				this.setStyle('background-position', '0px 0px');
				this.setStyle('background-repeat', 'no-repeat'); 
			});
		}
	});
	
	$('toggler').addEvent('click', myFade);
	$('element').setStyle('opacity', '0');
	
	$$('.toggler').addEvent('mouseenter', function() { 
				this.setStyle('background-image', 'url(../img/signup.png)'); 
				this.setStyle('background-position', '0px -36px');
				this.setStyle('background-repeat', 'no-repeat'); 
	});
		
	$$('.toggler').addEvent('mouseleave', function() { 
		this.setStyle('background-image', 'url(../img/signup.png)'); 
		this.setStyle('background-position', '0px 0px');
		this.setStyle('background-repeat', 'no-repeat'); 
	});
	
});