// JavaScript Document

var LunaAbout = {

	start: function() {
	//Initialises various page elements
		var sp = $('somepanel');
		var lp = $('lunapanel');
		var lpf = new Fx.Styles(lp, {'duration': 500, 'wait': false, 'transition': Fx.Transitions.bounceOut});
		var spf = new Fx.Styles(sp, {'duration': 500, 'wait': false, 'transition': Fx.Transitions.bounceOut});
		$('aboutluna').addEvent('click', function () {
			sp.addClass('hide');
			lp.setOpacity(0);
			lp.removeClass('hide');
			lpf.start({'opacity': 1});
			/*lp.setStyle('width', '440px');
			lp.setStyle('margin-left', '-500px');
			lpf.start({'margin-left': 0});*/
		});
	
		$('aboutsome').addEvent('click', function () {
			lp.addClass('hide');
			sp.setOpacity(0);
			sp.removeClass('hide');
			spf.start({'opacity': 1});
			/*sp.setStyle('width', '440px');
			sp.setStyle('margin-left', '-500px');
			spf.start({'margin-left': 0});*/
		});
	
		$$('.about-navi li').each( function(el)
		{
		var ln = el.getFirst();
		if (!ln || ln.getTag() != 'a') return;
		var hover = new Fx.Styles(ln, {'duration': 200, 'wait': false, 'transition': Fx.Transitions.quadOut});
			ln.addEvent('mouseover', function(e) {
			new Event(e).stop();
				hover.start({
					'color': '#E6088E',
					'padding-right': 25
				});
			});
			ln.addEvent('mouseout', function(e) {
			new Event(e).stop();
				hover.start({
					'color': '#FFA6DC',
					'padding-right': 15
				});
			});
		});
	
	}

}

window.addEvent('domready', LunaAbout.start);