function animateMenus() {
    var mnu = $('menu');

    var mnu_items = mnu.getElements('li');

    $each(mnu_items, function(itm, idx) {
	var item_submenu;
	var item_submenu_triggers = itm.getElements('a');
	var item_submenu_containers = itm.getElements('ul.submenu');

	if (item_submenu_triggers.length >= 1 && item_submenu_containers.length == 1) {
	    item_submenu_trigger = item_submenu_triggers[0];
	    item_submenu = item_submenu_containers[0];

	    // create fx..
	    var nFx = new Fx.Slide(item_submenu, {
		mode :'vertical',
		duration :500,
		transition :Fx.Transitions.Pow.easeOut
	    });

	    // start hidden
	    nFx.hide();

	    // add toggler
	    item_submenu_trigger.addEvent('mouseover', function() {
			nFx.slideIn();
	    });
	    item_submenu_trigger.addEvent('click', function() {
			nFx.toggle();
	    })
	}
    });
}

function setupFade() {
    var container = $('fade_wrap');
	var fadeItems = $$('.fade_info');
	var fadeLength = fadeItems.length;
	var contHeight = 0;
	
	fadeItems.each(function(element, index) {
		element.setStyle('position', 'absolute');
		element.setStyle('top', 0);
		element.setStyle('width', '100%');
		element.setStyle('z-index', 900-index);
		var itemHeight = element.getStyle('height').toInt();
		if (itemHeight > contHeight) {
			contHeight = itemHeight;	
		}
		if (index != 0) {
			element.fade('hide');
		}
	});
	container.setStyle('height', contHeight);
	
	function startFade() {
		var fadeNum = 0;
		nextFade.periodical(5000, this);
		function nextFade() {
			fadeItems.each(function(element) {
				element.fade('out');
			});
			fadeItems[fadeNum].fade('in');
			if (fadeNum < (fadeLength-1)) {
				fadeNum++;
			} else {
				fadeNum = 0;
			}
		}
	}
	startFade();
}


window.addEvent('load', function() {
    var sideBox = $$('.sidebox');
    $each(sideBox, function(box) {
		new Element('div', {
			'class' :'sidebox_end'
		}).inject(box, 'after');
    });
    animateMenus();
	setupFade();
//    fadeInfo();
//    fadeInfo.periodical(8000);
});