var boxPhilosophy = {};
window.addEvent('domready', function(){
	$$('div#accordion h3 a').addEvent('click', function(event) {
        event.preventDefault();
        var cat = (" " + $('wrapper').get('class') + " ").match(/\s(cat\d+)\s/)[1]
        $('wrapper').removeClass(cat).addClass(this.get('rel'));
	});

	boxPhilosophy = new multiBox({
		mbClass: '.mb',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
		container: $(document.body),//where to inject multiBox
		//descClassName: 'multiBoxDesc',//the class name of the description divs
		path: './Files/',//path to mp3 and flv players
		useOverlay: true,//use a semi-transparent background. default: false;
//		maxSize: {w:600, h:400},//max dimensions (width,height) - set to null to disable resizing
//		addDownload: true,//do you want the files to be downloadable?
//		pathToDownloadScript: './Scripts/ForceDownload.asp',//if above is true, specify path to download script (classicASP and ASP.NET versions included)
//		addRollover: true,//add rollover fade to each multibox link
//		addOverlayIcon: true,//adds overlay icons to images within multibox links
//		addChain: true,//cycle through all images fading them out then in
		recalcTop: true,//subtract the height of controls panel from top position
		addTips: true//adds MooTools built in 'Tips' class to each element (see: http://mootools.net/docs/Plugins/Tips)
		});
	});


//delegate for flash multibox implementation
function multiboxFlash(el){ 
	boxPhilosophy.open($('philosophy_flash_'+el));
}