﻿window.addEvent('domready', function(){
	var szNormal = 128, szSmall  = 114, szFull   = 167;

	var kwicks = $$("#krooms .kroom");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});

	$("krooms").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	
	
	





var list = $$('#eventList li');
list.each(function(element) {
 
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 7,
			'background-color': '#dfe7d8',
			'border-bottom-color': '#acb4a4',
			'color': '#ff8ff8'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 0,
			'background-color': '#E9EFE3',
			'border-bottom-color': '#c6d3b9',
			'color': '#000000'
		});
	});
 
});





var accordion = new Accordion('li h3', 'li div', {
	opacity: true,
	start: 'all-closed',
	onActive: function(toggler, element){

		var fx = new Fx.Style(toggler, 'background-color', {
			duration: 800,
			transition: Fx.Transitions.Quad.easeOut
		}).start('#fafade', '#faf99e');
	
		toggler.setStyle('color', '#000');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyle('color', '#bab95a');
	}
}, $('events'));



});
