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

    //nav menu
	$(document.body).getElements('.hl-menu').each(function(item) {
		item.addEvents({
			'mouseenter': function() {
				if (item.getElement('ul') && !item.hasClass('active')) {
					var ul = item.getElement('ul');
					var count = ul.getElements('li').length;
					var height = count * 18;
					var myFx = new Fx.Tween(ul);
					myFx.start('height', height + 'px');
					if (!item.hasClass('hover')) {
						item.addClass('hover');
					}
				}
			},
			'mouseleave': function() {
				if (item.getElement('ul') && !item.hasClass('active')) {
					var ul = item.getElement('ul');
					var myFx = new Fx.Tween(ul);
					myFx.start('height', 0);
					if (item.hasClass('hover')) {
						item.removeClass('hover');
					}
				}
			}
		});
	});

    //sidebar accordion initialisation
    if($('sidebar') && $('sidebar').getElements('.toggler').length){
        var sidebarAccordion = new Accordion($('sidebar'), '.toggler', 'div.element', {
            opacity: false,
            display: -1,
            alwaysHide: true,
            onActive: function(toggler, element){
                if (!toggler.hasClass('minus')) {
                    toggler.addClass('minus');
                }
                element.setStyle('margin', '10px 0 0 0');
            },
            onBackground: function(toggler, element){
                if (toggler.hasClass('minus')) {
                    toggler.removeClass('minus');
                }
                element.setStyle('margin', '0');
            }
        });
    }

    //services accordion
    if($('services') && $('services').getElements('h2').length){
        var servicesAccordion = new Accordion($('services'), 'h2', 'div.element', {
            opacity: false,
            display: -1,
            alwaysHide: true,
            onActive: function(toggler, element){
                if (!toggler.hasClass('minus')) {
                    toggler.addClass('minus');
                }
                element.setStyle('margin', '0 0 20px 0');
                element.setStyle('border-bottom', '1px dotted #d2d3d3');
            },
            onBackground: function(toggler, element){
                if (toggler.hasClass('minus')) {
                    toggler.removeClass('minus');
                }
                element.setStyle('margin', '0');
                element.setStyle('border-bottom', 'none');
            }
        });
    }
});