/**
 * @author marc
 */
/**
 * @author marc
 */
 //window on dom ready
window.addEvent('domready', function() {
			var li = $$('ul#mainmenu li.level1');
			var ul = new Array();
			var size = new Array();
			var tabmenu = $$('ul#tabmenu a');
			li.each(function(el,i){
				if (el.getElement('ul') && el.hasClass('active')!= true) {
					ul[i] = el.getElement('ul');
					size[i] = ul[i].getSize();
					ul[i].setStyle('height', '1px');
				//alert("The element is "+size[i].y+"pixels high.");
				} else {
					el.setStyle('padding-bottom', '5px');
				}
			});	
			$('mainmenu').setStyle('visibility','visible');
				var menuFx = new Fx.Tween($('mainmenu'), {
					duration: 1000,
					property: 'opacity'
				});							
				menuFx.start(1);
				
			li.each(function(el_li,i){
				if (el_li.getElement('ul') && el_li.hasClass('active')!= true)  {
					var myEffect = new Fx.Morph(ul[i], {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					var myEffectli = new Fx.Morph(el_li.getElement('a'), {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});
					el_li.addEvents({
						mouseenter: function(){
							myEffect.cancel();
							myEffectli.cancel();
							myEffectli.start({
								link:'cancel',
								'margin-top': '9px',
								'color': '#FFFFFF'
							})
							myEffect.start({
								link: 'cancel',
								'height': size[i].y + 10 + 'px',
								'margin-bottom': '0px',
								'margin-top': '5px'
							});
						},
						mouseleave: function(){
							myEffect.cancel();
							myEffectli.cancel();
							myEffectli.start({
								link:'cancel',
								'margin-top': '18px',
								'color': '#3f3f3f'
							})
							myEffect.start({
								link: 'cancel',
								'height': '1px',
								'margin-bottom': '5px',
								'margin-top': '0px'
							});
						}
					});
				}
			})
			
			tabmenu.each(function(tab){
					var tabEffect = new Fx.Morph(tab, {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					});

					tab.addEvents({
						mouseenter: function(){
							tabEffect.cancel();
							tabEffect.start({
								link:'cancel',
								'height': '31px',
								'color': '#3f3f3f',
								'margin-top': '0px',
								'line-height': '40px'
							})
						},
						mouseleave: function(){
							tabEffect.cancel();
							tabEffect.start({
								link:'cancel',
								'height': '26px',
								'color': '#ffffff',
								'margin-top': '5px',
								'line-height': '26px'
							})
						}
					});
			})
	var state = 'closed';
	var oldmenu = $('oldmenu');
	var toggler = $('toggler');
	var oldmenuEffect = new Fx.Morph(oldmenu, {
		duration: 500,
		transition: Fx.Transitions.Sine.easeOut
	});      
     //add the click toggle  
     toggler.addEvent('click', function() {  
	 state = (state == 'closed' ? 'offen' : 'closed');  
	 oldmenuEffect.start('.' + state);          
     });  
	var mySmoothScroll = new SmoothScroll();
	var rssbox = $('rss');
	var rssFx = new Fx.Morph(rssbox, {
					duration: 500,
					transition: Fx.Transitions.Back.easeOut
				});		
	rssbox.addEvents({
						mouseenter: function(){
							rssFx.cancel();
							rssFx.start({
								link:'cancel',
								'top': '-30px'
							})
						},
						mouseleave: function(){
							rssFx.cancel();
							rssFx.start({
								link:'cancel',
								'top': '-80px'
							})
						}
					});
	}); 