// Assigning Events
// ****************

window.addEvent('domready', function(){
				var accordion = new Accordion('span.toggler', 'div.element', {
					opacity: false,
					show: -1,
					alwaysHide: true,
					onActive: function(toggler, element){
						toggler.setStyle('backgroundColor', '#FCFDFF');
					},
	
					onBackground: function(toggler, element){
						toggler.setStyle('backgroundColor', '#FCFDFF');
					}
				}, $('accordion'));

	
	navMapMorph = new Fx.Styles('navMap', {duration:400, wait:false, unit: 'px'});	
	bgMove = new Fx.Style('navMap', 'background-position', {duration:400, wait:false, unit: 'px'});
	fadeLoading = new Fx.Style('loading', 'opacity', {duration: 500, wait: false});
	vfTransition = new Fx.Styles('viewFinder', {duration:400, wait:false});
	mapNavigation.initialize();
	
	$$('ul.elementList').each(function(result){
		links = result.getElements('a');
		links.each(function(theLink){	
		theLink.addEvent('click', function(evt){
			new Event(evt).stop();			
			position = this.getProperty('name').split(',');
			var x = position[0].toInt();
			var y = position[1].toInt();			
			var z = position[2].toInt();
			mapNavigation.goTo(x,y,z);
	  
			});
		});
	});

});



var kwicks = new Class({
			   
	szNormal:123,
	szSmall:80,
	szFull:334,
	
	initialize: function() {
			var kwicks = $$("#kwicks .kwick");
			var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
			kwicks.each(function(kwick, i) {
				kwick.setStyle('width', this.szNormal);
				kwick.addEvent("mouseenter", function(event) {
					var o = {};
					o[i] = {width: [kwick.getStyle("width").toInt(), this.szFull]}
					kwicks.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("width").toInt();
							if(w != this.szSmall) o[j] = {width: [w, this.szSmall]};
						}
					}, this);
					fx.start(o);
				}.bind(this));
			}, this);
			
			$('kwicks').addEvent("mouseleave", function(event) {
				var o = {};
				kwicks.each(function(kwick, i) {
					o[i] = {width: [kwick.getStyle("width").toInt(), this.szNormal]}
				}, this);
				fx.start(o);
			}.bind(this))		
	}
});