/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


var Menus = new Class({
    initialize : function (){
        $$('.menubase').addEvent('mouseover', this._mouseOnMenu.bind(this));
        $$('.menubase').addEvent('mouseout', this._mouseOutMenu.bind(this));
        $$('.menubase').addEvent('click', this._mouseClickMenu.bind(this));
    },

    _mouseOnMenu : function(event) {
        var parentMenuBase = $(event.target).getParent('.menu');
        parentMenuBase.getChildren('.menubase').addClass('hover');
        parentMenuBase.getChildren('.menubase').getChildren('.submenu')[1].setStyle('display', 'block');

    },

    _mouseOutMenu : function(event) {
        var parentMenuBase = $(event.target).getParent('.menu');
        parentMenuBase.getChildren('.menubase').removeClass('hover');
        parentMenuBase.getChildren('.menubase').getChildren('.submenu')[1].setStyle('display', 'none');
    },
    
    _mouseClickMenu : function(event) {
        event.stop();
        var parentMenuBase = $(event.target).getParent('.menu');
        window.location.href = parentMenuBase.getElements('a.menu-link')[0].get('href');
    }

});

$(window).addEvent('mydomready', function () {
    var _menus = new Menus();
});