﻿var leftMenu = null;
var languageMenu = null;

function initializeComponents() {
    $$('.rightColumn')[0].setStyle({height: $$('form')[0].getHeight() - 200 + 'px'});
    leftMenu = new Menu('ctl00_leftMenu');
    var children = leftMenu.getChildren();
    for (var i = 0; i < children.length; i++) {
        children[i].getMenuItemContent().observe('menuItem:hovered', ctl00_leftMenu_Hover);
        children[i].getMenuItemContent().observe('menuItem:unhovered', ctl00_leftMenu_Unhover);
    }
    //languageMenu = new Menu('ctl00_languageMenu');
}

Event.observe(document, 'dom:loaded', initializeComponents);

function ctl00_leftMenu_Hover(event) {
    var sender = event.target;
    var childNodes = sender.childElements();
    childNodes[0].setStyle({ background: "url('Images/Layout/buton_over_tile.png') " });
    childNodes[1].setStyle({ background: "url('Images/Layout/buton_over_left.png') "});
}

function ctl00_leftMenu_Unhover(event) {
    var sender = event.target;
    var childNodes = sender.childElements();
    if (sender.parentNode.hasClassName('leftMenuSelectedItemFirstLevel')) {
        childNodes[0].setStyle({ background: "url('Images/Layout/buton_active_tile.png') " });
        childNodes[1].setStyle({ background: "url('Images/Layout/buton_active_left.png') " });
    }
    else {
        childNodes[0].setStyle({ background: "url('Images/Layout/buton_tile.png') " });
        childNodes[1].setStyle({ background: "url('Images/Layout/buton_left.png') " });
    }
}