var utils = {
    getOffsetXY : function(obj, parentId) {
        var element;
        if (typeof obj == 'object') {
            element = obj;
        } else {
            element = document.getElementById(obj);
        }
        var element_X = element.offsetLeft;
        var element_Y = element.offsetTop;
        while (true) {
            if ((!element.offsetParent) || (!element.offsetParent.style)
                    || (!!parentId && element.offsetParent.id == parentId)) {
                break;
            }
            element_X += element.offsetParent.offsetLeft;
            element_Y += element.offsetParent.offsetTop;
            element = element.offsetParent;
        }
        element_X = element_X - document.body.scrollLeft;
        element_Y = element_Y - document.body.scrollTop;

        return {
            x : element_X,
            y : element_Y
        };
    }
};
jQuery(function($) {
    jQuery('#navigator .mainmenu li').each(function(){
        jQuery(this).hover(function(){
            $(this).addClass("hover");
            var id = jQuery(this).find('img').attr('id');
            if (!id) {
                return;
            }
            id = id.split('-')[1];
            var pos = utils.getOffsetXY('nav-' + id, 'navigator');
            jQuery('#sub-' + id).css({'left': pos.x + 'px', 'top': (pos.y + 29) + 'px'}).show();
        }, function(){
            $(this).removeClass("hover");
            var id = jQuery(this).find('img').attr('id');
            if (!id) {
                return;
            }
            id = id.split('-')[1];
            jQuery('#sub-' + id).hide();
        });
    });
});