var t = null;
var zi = 0;
var pointer = [];
$('document').ready(function(){
    $('#vertMenu').hide();      // If JS is disabled show the side menu, otherwise hide it
    var n = document.getElementById('m-1').parentNode.childNodes;
    for (var i = 0; i < n.length; i++) {
        if (n.item(i).className == null) continue;
        if (n.item(i).className.indexOf('menulevel') == -1) continue;
        if (n.item(i).className.indexOf('menulevel1') != -1) continue;
        var id = n.item(i).attributes.getNamedItem('id').value;
        pointer[i] = document.createElement('div');
        $('.menu').append($(pointer[i]));
        $(pointer[i]).css('position','absolute').css('width','12px').css('height','8px').css('background','url(/style_images/pointer.png) no-repeat top center');
        $(pointer[i]).hide();
    }
});

function mouseOut(list) {
    var l = document.getElementById('a' + list.split(';')[0]);
    l.className = l.className.replace('mouseover', '');
    t = window.setTimeout(function() {
        var n = document.getElementById('m-1').parentNode.childNodes;
        for (var i = 0; i < n.length; i++) {
            if (n.item(i).className == null) continue;
            if (n.item(i).className.indexOf('menulevel') == -1) continue;
            if (n.item(i).className.indexOf('menulevel1') != -1) continue;
            var id = n.item(i).attributes.getNamedItem('id').value;
            if (list.indexOf(id.replace('m', '')) != -1) {
                $(n.item(i)).slideUp('medium');
                $(pointer[i]).slideUp('medium');
            }
        }
    }, 2500);
}
function mouseOver(list) {
    if (t != null)
        window.clearTimeout(t);
    var n = document.getElementById('m-1').parentNode.childNodes;
    for (var i = 0; i < n.length; i++) {
        if (n.item(i).className == null) continue;
        if (n.item(i).className.indexOf('menulevel') == -1) continue;
        if (n.item(i).className.indexOf('menulevel1') != -1) continue;
        var id = n.item(i).attributes.getNamedItem('id').value;
        if (list.indexOf(id.replace('m', '')) == -1) {
            $(n.item(i)).slideUp('slow');
            $(pointer[i]).slideUp('slow');
        }
        else if( list.split(';')[1].indexOf(id.replace('m', '')) >-1 ){
                   window.clearTimeout(t);
        }
        else {
            if (n.item(i).childNodes.length > 1 ) {
                var parentItem = document.getElementById(id.replace('m', 'a'));
                $(n.item(i)).slideDown('medium');
    		$(pointer[i]).slideDown('medium');
                n.item(i).style.position = 'absolute';
                if (n.item(i).className.indexOf('menulevel2') != -1) {
                    if( parentItem.offsetLeft > (600-n.item(i).offsetWidth)) n.item(i).style.left = (600-n.item(i).offsetWidth)+"px";
                    else if( parentItem.offsetLeft < 0 ) n.item(i).style.left = "0px";
                    else n.item(i).style.left = parentItem.offsetLeft + "px"; 
                    pointer[i].style.left = parentItem.offsetLeft +20+ "px";
                    pointer[i].style.top = parentItem.offsetTop - 11+ "px";
                    n.item(i).style.top = parentItem.offsetTop - 60 + "px";
                }
                else if (n.item(i).className.indexOf('menulevel3') != -1) {
                    n.item(i).style.left = parentItem.parentNode.parentNode.offsetLeft + parentItem.parentNode.parentNode.offsetWidth + "px";
                    n.item(i).style.top = parentItem.offsetTop + 25 + "px";
                }
            }
        }
    }
    var parentItem = document.getElementById("a" + list.split(';')[0]);
    parentItem.className = parentItem.className + " mouseover";
}