window.addEvent('domready', function() {
									 
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h1.toggler', 'div.element', {
									 
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
			if(toggler.id == 'developtoggle') document.getElementById("developlink").className = "current";
			if(toggler.id == 'ecommercetoggle') document.getElementById("ecommercelink").className = "current";
			if(toggler.id == 'xhtmltoggle') document.getElementById("xhtmllink").className = "current";
			if(toggler.id == 'phptoggle') document.getElementById("phplink").className = "current";
			if(toggler.id == 'mysqltoggle') document.getElementById("mysqllink").className = "current";
			if(toggler.id == 'drupaltoggle') document.getElementById("drupallink").className = "current";
			if(toggler.id == 'javascripttoggle') document.getElementById("javascriptlink").className = "current";
			if(toggler.id == 'designtoggle') document.getElementById("designlink").className = "current";
			if(toggler.id == 'flashtoggle') document.getElementById("flashlink").className = "current";
			if(toggler.id == 'othertoggle') document.getElementById("otherlink").className = "current";
	
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
			if(toggler.id == 'developtoggle') document.getElementById("developlink").className = "";
			if(toggler.id == 'designtoggle') document.getElementById("designlink").className = "";
			if(toggler.id == 'flashtoggle') document.getElementById("flashlink").className = "";
			if(toggler.id == 'othertoggle') document.getElementById("otherlink").className = "";
		}
	});

});