window.addEvent('domready', function () {
	var lastActiveItem = $$('.menu-item')[2];

	$$('.menu-item').each ( function(item, index) {
		item.addEvent('mouseover', function() {
		    var id = this.getProperty('id');
		    $('menu-illustration').setStyle('background-position', '0 '+index*-260+'px').setProperty('href', this.getProperty('href'));
		    $$('.menu-item').each ( function(menuItem) {
		        if (menuItem.hasClass('active')) { menuItem.removeClass('active') }
			})
		    this.addClass('active');
		    lastActiveItem = id;
		});
		item.addEvent('mouseout', function() {
			if (this.hasClass('active')) { this.removeClass('active') }
		});
	});
	if ($('menu-gsxf')) {
		$$('#menu-gsxf ul')[0].addEvent('mouseleave', function() {
		    $(lastActiveItem).addClass('active');
		});
	}
});