// JavaScript Document

window.addEvent('domready', function() {

	var accordion = new Accordion('div#accordion h1', 'div#accordion div.content', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#f7941c');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#ffffff');
		}
	}, $('accordion'));
	
	$$('.showcase').each(function(element) {
		var header = element.getElementsBySelector('h1')[0];
		if (element.getProperty('name')=='default') { var showcase_tips = new Tips(element, { className: 'tooltip_default' }); }
		if (element.getProperty('name')=='thema') { var showcase_tips = new Tips(element, { className: 'tooltip_thema' }); }
		if (element.getProperty('name')=='city') { var showcase_tips = new Tips(element, { className: 'tooltip_city' }); }
		if (element.getProperty('name')=='beach') { var showcase_tips = new Tips(element, { className: 'tooltip_beach' }); }
		if (element.getProperty('name')=='outdoor') { var showcase_tips = new Tips(element, { className: 'tooltip_outdoor' }); }
		element.addEvent('mouseenter', function(){
			new Fx.Styles(header, {duration:200, wait:false}).start({ 'text-indent': 20 });
		});
		element.addEvent('mouseleave', function(){
			new Fx.Styles(header, {duration:200, wait:false}).start({ 'text-indent': 10 });
		});
	});
	
	$$('.newsflash').each(function(element) {
		var header = element.getElementsBySelector('h1')[0];
		var newsflash_tips = new Tips(element, { className: 'tooltip_default' });
	
		element.addEvent('mouseenter', function(){
			new Fx.Styles(header, {duration:200, wait:false}).start({ 'color': '#fff' });
		});
		element.addEvent('mouseleave', function(){
			new Fx.Styles(header, {duration:200, wait:false}).start({ 'color': '#333366' });
		});
	});

});