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

	$$('.toplevel').each(function(e) {
		
		var img = e.getElement('img');
		img.set('morph', {duration: 250});

		var src = img.getProperty('src');
		var extension = src.substring(src.lastIndexOf('.'), src.length);

		e.addEvents({
			mouseenter: function(){
				img.setProperty('src', src.replace(extension, '_over' + extension));
				img.set('opacity', 0.25).morph({
					opacity: 1
				});
			},
			mouseleave: function(){
				img.setProperty('src', src);
				img.set('opacity', 0.25).morph({
					opacity: 1
				});
			}
		});

	});



	$$('.active.toplevel').each(function(e) {
		
		var img = e.getElement('img');

		var src = img.getProperty('src');
		var extension = src.substring(src.lastIndexOf('.'), src.length);

		img.setProperty('src', src.replace(extension, '_over' + extension));

		e.removeEvents('mouseenter');
		e.removeEvents('mouseleave');

	});
	


	$$('.lifts a').each(function(e) {
		
		var img = e.getElement('img.txt');
		img.set('morph', {duration: 250});

		var src = img.getProperty('src');
		var extension = src.substring(src.lastIndexOf('.'), src.length);

		e.addEvents({
			mouseenter: function(){
				img.setProperty('src', src.replace(extension, '_over' + extension));
				img.set('opacity', 0.25).morph({
					opacity: 1
				});
			},
			mouseleave: function(){
				img.setProperty('src', src);
				img.set('opacity', 0.25).morph({
					opacity: 1
				});
			}
		});

	});


// VUOKRAUSPISTEET

	var accordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		display: -1,
		alwaysHide: true,
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#fff');
			toggler.setStyle('background-color', '#00553f');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#404040');
			toggler.setStyle('background-color', '#d4e3da');
		}
	});


// FONT-SIZE
	
	var target = $$('p', 'input', 'select', 'li');
	
	var cur_size = Cookie.read('fontsize');
	target.setStyle('font-size', cur_size);
	
	target.each(function(e) {
		var orig_size = e.getStyle('font-size').replace("px","");
		var size_s = orig_size * 0.9;
		var size_m = orig_size;
		var size_l = orig_size * 1.1;
		
		$$('.size_s').addEvent('click', function(){
			e.set('morph').morph({'font-size': size_s});
			Cookie.write('fontsize', size_s);
		});
		
		$$('.size_m').addEvent('click', function(){
			e.set('morph').morph({'font-size': size_m});
			Cookie.write('fontsize', size_m);
		});
		
		$$('.size_l').addEvent('click', function(){
			e.set('morph').morph({'font-size': size_l});
			Cookie.write('fontsize', size_l);
		});

	});

});