//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2009 Aaron Newton <http://clientcide.com/>, Valerio Proietti <http://mad4milk.net> & the MooTools team <http://mootools.net/developers>, MIT Style License.
    
var fade_out='.5';

window.addEvent('domready', function() {
//	bulle('page');
});
function bulle(ise){	
	//store titles and text
	$$('#'+ise+' .bulle').each(function(element,index) {
		if (element.get('title')) {
			content = element.get('title');
			if (content.match('-')) {
				contents = content.split('-');
				element.store('tip:title', contents[0]);
				element.store('tip:text', contents[1]);
				element.setProperty('title','');
			} else {
				element.store('tip:title', content);
				element.store('tip:text', '');
			}
		}
	});
	
	//create the tooltips
	var bulle = new Tips('#'+ise+' .bulle',{
		className: 'bulle',
		fixed: false,
		hideDelay: 50,
		showDelay: 50
	});

	bulle.addEvents({
		'show': function(tip) {
			tip.fade(.7);
		},
		'hide': function(tip) {
			tip.fade('out');
		}
	});
}

var fade_class = new Class({
    Implements: Chain,
    initialize: function(){
        this.chain.apply(this, arguments);
    }
});
var fade_menu ;
window.addEvent("domready", function() {
	$$('#menu li.niveau1').each(function(e){
        e.removeEvents();
      	e.addEvent('mouseover',function(){
      		$$('#menu li.active').removeClass('active');
        	e.addClass('active');
      		fade_menu = new fade_class(
      				function(){$('menu_fin').fade('out');},
      				function(){$('menu_fin').empty();},
      				function(){$('menu_fin').show();},
      				function(){
      				//Cufon.refresh('#menu a');
  					Cufon.replace('#menu a', { fontFamily: 'avantgarde' });
  					$('menu_fin').fade('in');
      				}
      		);
            uid=e.getProperty('id');
            uid=uid.replace('menu_','');
        	fade_menu.callChain();
        	fade_menu.callChain();
        	fade_menu.callChain();
        	
          	$$('#menu .pid'+uid+' a').each(function(a){a.clone().inject($('menu_fin'));});
        	ml=(e.getCoordinates($('menu')).left);
        	xl=(e.getCoordinates().width);
        	wf=$('menu_fin').getCoordinates().width;
        	l=(ml-(wf/2)+25);
//       	alert(l);
        	$('menu_fin').setStyles({'left': l+'px'});
            fade_menu.callChain();
      	});
      	e.addEvent('mouseout',function(){
          	//$$('#menu .pid'+uid).each(function(a){a.fade('out');});
      	});
        if(e.hasClass('active')){
        	e.fireEvent('mouseover');
<!--            pid=e.getParent().getProperty('id');-->
<!--            pid=uid.replace('menu_','');-->
      	}
        uid=e.getProperty('id');
        uid=uid.replace('menu_','');
        $$('#menu .pid'+uid+' a').setProperty('rel',uid);
	});

	$$('#menu li.active a.niveau2').each(function(e){
        e.removeEvents();
        pid=e.getProperty('rel');
        e.addClass('active');
        $('menu_'+pid).fireEvent('mouseover');

	});
	$$('#menu li.niveau2').each(function(e){
        uid=e.getProperty('id');
        uid=uid.replace('menu_','');
        if($$('#menu .pid'+uid+' a')){
        	$$('#menu .pid'+uid+' a').setProperty('rel',uid);
        }
	});
	$$('#menu li.active a.niveau3').each(function(e){
        e.removeEvents();
        pid=e.getProperty('rel');
        $('menu_'+pid).addClass('active');
        $('menu_'+pid).getElement('a').addClass('active');
        pid=$('menu_'+pid).getElement('a').getProperty('rel');
        $('menu_'+pid).fireEvent('mouseover');
	});
	var SlideList = new Class({
		initialize: function(menu, options) {
			this.setOptions(this.getOptions(), options);
	 
			this.menu = menu;
			(this.menu.getElement('h3.current')) ? this.current = this.menu.getElement('h3.current') : false;
	 
			this.menu.getElements('h3').each(function(item){
				item.addEvent('mouseover', function(){ this.moveBg(item); }.bind(this));
				item.addEvent('mouseout', function(){ this.moveBg(this.current); }.bind(this));
<!--				item.addEvent('click', function(event){ this.clickItem(event, item); }.bind(this));-->
			}.bind(this));
	 
			this.back = new Element('div').addClass('background').adopt(new Element('div').addClass('left')).inject(this.menu,'bottom');
			
			this.fx = new Fx.Morph(this.back,this.options);
			
			if(this.current) this.setCurrent(this.current);
		},
	 
		setCurrent: function(el, effect){
			res=findPos(el);
			this.fx.start({left: (res.x-8)+'px', width: (el.offsetWidth+16)+'px'});
			(effect) ? this.back.fade('in') : this.back.show().fade('in');
		},
	 
		getOptions: function(){
			return {
				transition: Fx.Transitions.sineInOut,
				duration: 500, wait: false
			};
		},
	 
		clickItem: function(event, item) {
			if(!this.current) this.setCurrent(item, true);
			this.current = item;
			this.options.onClick(new Event(event), item);
		},
	 
		moveBg: function(to) {
			this.menu.getElements('h3').removeClass('current');
			Cufon.replace('h3', { fontFamily: 'avantgarde' });
			if(!this.current) this.setCurrent(to, true);
			this.current = to.addClass('current');
			resm=findPos(this.back);
			rest=findPos(to);
			this.fx.start({
				'left': [resm.x, rest.x-8],
				'width': [this.back.offsetWidth, to.offsetWidth+16]
			});
			Cufon.replace('h3.current', { fontFamily: 'avantgarde' });
		}
	});
//	 
	SlideList.implement(new Options);
	window.addEvent('domready', function() {
		if($('adjRub')) new SlideList($('adjRub'), {transition: Fx.Transitions.backOut, duration: 300});
	});
	function findPos(obj) {
        var curleft = obj.offsetLeft || 0;
        var curtop = obj.offsetTop || 0;
        while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
        }
        return {x:curleft,y:curtop};
}
	
});