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

var baseline = $$('.baseline a');
baseline.each(function(element) { 
	var fx = new Fx.Styles(element, {duration:1200, wait:false}); 
	element.addEvent('mouseenter', function(){
		fx.start({
			'opacity': '0.85',
			'color': '#f9b633'
		});
	}); 
	element.addEvent('mouseleave', function(){
		fx.start({
			'opacity': '0.6',
			'color': '#fff'
		});
	}); 
});

$$('.baseline a').setStyle('opacity','0.6');

$$('.copy').setStyle('opacity', '0.3');
var baseline = $$('.copy');
baseline.each(function(element) { 
	var fx = new Fx.Styles(element, {duration:800, wait:false}); 
	element.addEvent('mouseenter', function(){
		fx.start({
			'opacity': '0.9'
		});
	}); 
	element.addEvent('mouseleave', function(){
		fx.start({
			'opacity': '0.3'
		});
	}); 
});


$$('#mainlevel-test ul').setStyle('opacity', '0.95');

$$('.contentpaneopen img').addClass('shadow');

/*new FadeMenu('mainlevel-nav');*/


var SlideIn = {
  start: function () {
    var delay = 300;
    $$('.baseline').each(function (el) { 
      el.setStyles({
        'top': '-200px',
        'opacity': '0.3'
      });
      var fx = el.effects({transition:Fx.Transitions.Cubic.easeOut});
      fx.start.delay(delay, fx, {
        'opacity': '1',
        'top': '0px'
      });
    });
  }
};
SlideIn.start();

var SlideIn2 = {
  start: function () {
    var delay = 300;
    $$('a img#logo').each(function (el) { 
      el.setStyles({
        'left': '-500px',
        'opacity': '0.3'
      });
      var fx = el.effects({transition:Fx.Transitions.Cubic.easeOut});
      fx.start.delay(delay, fx, {
        'opacity': '1',
        'left': '0px'
      });
    });
  }
};
SlideIn2.start();

/* setup tooltips */
	/*var Tips1 = new Tips($$('a'));*/

var Tips2 = new Tips($$('a.readon'), {
	initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function(toolTip) {
		this.fx.start(0.80);
	},
	onHide: function(toolTip) {
		this.fx.start(0);
	}
});
var mySort = new Sortables($('gauche'), {
	handles: $$('#gauche h3'),
	onComplete: function(){
		console.log(mySort.serialize())
	}
});
new FadeMenu('mainlevel-test');
});