$(document).ready(function(){
    $("ul.sf-menu").supersubs({
        minWidth: 12,
        maxWidth: 25,
        extraWidth: 2
    }).superfish();
});

Ext.ns('DJIndexes.Menu');
DJIndexes.Menu = function(){
    function _init(){
        addMyaccountPanel();
    }
    function addMyaccountPanel(){
        Ext.get('my-account-button').on('click', function(e){
            e.preventDefault();
            e.stopPropagation();
            var myaccountWindow = Ext.getCmp('myaccountwindow');
            if (!myaccountWindow) {
                var x = 780, y = 120;
                if (Ext.get("home-menu")) {//Home page
                    x = 775;
                    y = 130;
                }
                myaccountWindow = new Ext.Window({
                    id: 'myaccountwindow',
                    title: 'My Account',
                    contentEl: 'my-account-panel',
                    bodyStyle: {
                        fontFamily: 'Arial,Helvetica'
                    },
                    autoShow: false,
                    closeAction: 'hide',
                    preventBodyReset: true,
                    modal: (Ext.isIE6) ? false : true,
                    padding: '15px',
                    width: 325,
                    height: 100,
                    x: x,
                    y: y
                });
            }
            myaccountWindow.show();
        });
    }
    return {
        init: _init
    }
}();
Ext.onReady(DJIndexes.Menu.init, DJIndexes.Menu);