window.addEvent('domready', function() {
	
	$$('img.mo').each(function(img) {
		var src = img.getProperty('src');
		var extension = src.substring(src.lastIndexOf('.'),src.length)
		img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'-mo' + extension)); });
		img.addEvent('mouseleave', function() { img.setProperty('src',src); });
	});
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: true,
		onActive: function(toggler, element){
			$('text').set('text', 'some text');
			toggler.setStyle('');
			toggler.setStyle('');

		},
		onBackground: function(toggler, element){
			toggler.setStyle('');
			toggler.setStyle('');
		}
	});

	//create our Accordion instance
	var openedAccordion = new Accordion($('accordion2'), 'h3.toggler2', 'div.element2', {
		opacity: true,
		show:-1,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ffffff');
			toggler.setStyle('background-color', 'rgb(33, 115, 160)');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
			toggler.setStyle('background-color', 'rgb(210, 224, 230)');
		}
	});
	
	 if($('demo-block')!=null) {
	    /**
	     * Element with id 'demo-block' is the container and all h4-elements
	     * inside are fetched as tab headers. The following elements are their
	     * content.
	     */
	    var tabs = new SimpleTabs('demo-block', {selector: 'h3'});
	 }
	
	 if($('demo-block-inside')!=null) {
	    /**
	     * 3rd tab as another tabbed UI inside
	     */
	    new SimpleTabs('demo-block-inside', {selector: 'h6'});
	 }


});