var pInterface =    {
                        data:   {
                                    name:       '', //m,ember name
                                    idDB:       null,//auraDB 
                                    pCal_AW:    null, //member calendar for Portfolio (exhibityions,etc)
                                    pCal_SM:    null, //member calendar for SM
                                    pDrive_SM:  null, //Drive Spcial Media
                                    pDrive_AW:  null, //Drive Portfolio
                                    pBlog       :null,
                                    pBlog_UA:   null, // marketing text storage, 
                                    idAcc_FB:   null, //FaceBook
                                    idAcc_IG:   null, //Instagram                                                                                               
                                    idAcc_MS:   null, //mastodon
                                    idAcc_PI:   null,  //pinterest
                                    idAcc_YT:   null,
                                    idG4:       null,     // analytics                                    
                                    bUA:        null
                                },
                        get:    function()
                                {
                                    return this.data;
                                },
                        set:    function(pData)
                                {

                                    this.data.name=          pData.name;
                                    this.data.idDB=          pData.idDB;         //auraDB 
                                    this.data.pCal_AW=       pData.cSM;          //member calendar for Portfolio (exhibityions,etc)
                                    this.data.pCal_SM=       pData.cPortfilio;   //member calendar for SM
                                    this.data.pDrive_SM=     pData.dSM;          //Drive Spcial Media
                                    this.data.pDrive_AW=     pData.dPortfolio;   //Drive Portfolio
                                    this.data.pBlog_Profile= pData.pBlog;        //Blog Profile
                                    this.data.pBlog_AW=      pData.pBlog_AW;     //Blog for posts
                                    this.data.idAcc_FB=      pData.idFB;         //FaceBook
                                    this.data.idAcc_IG=      pData.idIG;         //Instagram                                                                                               
                                    this.data.idAcc_PI=      pData.idPI;         //pinterest
                                    this.data.idAcc_LI=      pData.idPI;         // Linkedin
                                    this.data.idAcc_YT=      pData.idYT; 
                                    this.data.idG4=          pData.idG4; 
                                    this.data.dateOpen =     pData.accOpen;
                                    this.data.nextPay=       pData.nextPay;
                                    this.data.bFT =          pData.bFT!==null; //free trial: 
                                    this.data.bUA=           pData.bUA;
                                },
                        isInit: function()
                                {
                                    return this.data.idDB!==null;
                                },
                        clear:  function()
                                {
                                    this.data.name=      ''; //m,ember name
                                    this.data.idDB=      null;//auraDB 
                                    this.data.mail=      '';
                                    this.data.pCal_AW=   null; //member calendar
                                    this.data.pCal_SM=   null;//member SM calendar
                                    this.data.pDrive_SM= null; //Drive Spcial Media
                                    this.data.pDrive_AW= null; //Drive Portfolio
                                    this.data.pFB=       null; //FaceBook
                                    this.data.pIG=       null; //Instagram                                                                                               
                                    this.data.pMS=       null; //mastodon
                                    this.data.pPI=       null;  //pinterest
                                    this.data.pYT=       null;
                                    this.data.idG4=      '';
                                    this.data.bUA=       null;
                                    return this;
                                },
                        isLoggedIn: function()
                        {
                            return this.data.bUA!==null;
                        },
                        isMember:   function()
                        {//redirect to appropriate pages when 'login' is pressed again
                            return !this.data.bUA;
                        }
                    };
                    
$.fn.uaMain_Viewer = function()
{    
    this.
        on(EV_INIT,function(ev)
        {
            ev.stopImmediatePropagation(); 
        
            let pRequest = {
                                data:   {
                                            idPos_Menu:      null,
                                            idPos_SubMenu:   null                                            
                                        }    
                            };
            
            switch(window.location.href.split('=').length===1)
            {
                case true:
                    pRequest.data.idPos_Menu=0;
                    break;
                    
                default:
                    
                    switch(window.location.href.toLowerCase().split('=')[1])
                    {
                        case 'artwork':
                            pRequest.data.idPos_Menu=0;
                            break;
                        
                        case 'events':
                            pRequest.data.idPos_Menu=1;                         
                            break;
                        
                        case 'magazineexplorer':
                            pRequest.data.idPos_Menu=5;
                            pRequest.data.idPos_SubMenu=0;     
                            break;
                            
                        case 'magazinestoriestoinspire':
                            pRequest.data.idPos_Menu=5;
                            pRequest.data.idPos_SubMenu=1;                      
                            break;
                                                    
                        case 'magazinestoriesinmotion':
                            pRequest.data.idPos_Menu=5;
                            pRequest.data.idPos_SubMenu=2;                            
                            break;
                            
                        case 'news'://
                            pRequest.data.idPos_Menu=4;                      
                            break;
                        
                        case 'museumexplorer':
                            pRequest.data.idPos_Menu=3;
                            pRequest.data.idPos_SubMenu=0;     
                            break;
                            
                        case 'museumstoriestoinspire':
                            pRequest.data.idPos_Menu=3;
                            pRequest.data.idPos_SubMenu=1;                      
                            break;
                                                    
                        case 'museumstoriesinmotion':
                            pRequest.data.idPos_Menu=3;
                            pRequest.data.idPos_SubMenu=2;                            
                            break;
                            
                        case 'educationexplorer':
                            pRequest.data.idPos_Menu=6;
                            pRequest.data.idPos_SubMenu=0;                       
                            break;
                            
                            
                        case 'educationstoriestoinspire':
                            pRequest.data.idPos_Menu=6;
                            pRequest.data.idPos_SubMenu=1;                          
                            break;
                            
                            
                        case 'educationstoriesinmotion':
                            pRequest.data.idPos_Menu=6;
                            pRequest.data.idPos_SubMenu=2;                         
                            break;
                            
                            
                        default:
                            pRequest.data.idPos_Menu=0;                      
                            break;                        
                    };
                    break;                    
            };

            $("#idLogo",this).
                on('load',function(ev)
                {
                    ev.stopImmediatePropagation();
                    $(this).css({display:'block'});
                    meViewer_Main.parent().fadeTo(TIME_FADE/2, OPACITY_MAX);
                }).
                attr({src: 'https://drive.google.com/thumbnail?id=1r0YpbyJBDyXwM-INsrFA1MemmRoTpYlK'});

            pMenu.trigger($.Event(EV_INIT,{uaData:{data:pRequest.data}}));   
        }).
        on(EV_RESPONSE,function(ev)
        {//all rsponses are routed to the loaded page (idPage)
            ev.stopImmediatePropagation();    
   
            switch(ev.uaData.info.ev==='ev.rtLogIn' && !ev.uaData.bError)
            {
                case true://login the 1st time
                    pInterface.clear().set(ev.uaData.data);
                    pFrame_Pages.trigger($.Event(EV_SET, {uaData:{data:{id:pInterface.isMember() ? 'private/Member/mainPage': 'private/UA/mainPage'}}}));                                        
                    break;
                    
                default:
                    pFrame_Pages.trigger($.Event(EV_RESPONSE,{uaData:ev.uaData}));
                    break;
            };//switch(ev.uaData.info.ev==='ev.rtLogIn' && !ev.uaData.bError)            
        }).  
        on('ev.resize',function(ev)
        {
            ev.stopImmediatePropagation();
            pHOL.trigger('ev.resize');
        }).
        on(EV_NOTIFY,function(ev)
        {
            ev.stopImmediatePropagation();

            switch(ev.uaData.info.ev)
            {
              
                case EV_CLICKED://request for new page. From Menu vOR upon login w/ Google 
                    
                    switch(ev.uaData.data.id)
                    {
                        case "Login":
                            switch(pInterface.isInit())
                            {
                                case false://not logged in yet -> show login page
                                    pFrame_Pages.trigger($.Event(EV_SET,{uaData:{data:ev.uaData.data}}));                                    
                                    break;
                                    
                                default://already loggedin -> 
                                    switch(pInterface.get().mail)
                                    {
                                        case UA_MAIL:
                                            pFrame_Pages.trigger($.Event(EV_SET,{uaData:{data:{id: 'private/UA/mainPage'}}}));
                                            break;
                                            
                                        default:
                                            pFrame_Pages.trigger($.Event(EV_SET,{uaData:{data:{id: 'private/Member/mainPage'}}}));
                                            break;
                                    };
                                    break;
                            };
                            break;
                            
                        default:
                            pFrame_Pages.trigger($.Event(EV_SET,{uaData:{data:ev.uaData.data}}));
                            break;
                    };                    
                    break;

                case EV_SET_HOL:                    
                    pHOL.trigger($.Event(EV_SET,{uaData:ev.uaData}));
                    break;

                default:
                    $(this).trigger($.Event(EV_EXTERN,{uaData:ev.uaData}));
                    break;
            };//switch(ev.uaData.info)            
        });
        
    const pMenu =  $("#idMenu",this).uaMenu().
            off(EV_EXTERN).
            on(EV_EXTERN,function(ev)
            {//Retrieve data for request. EV_CLICK=both Floater and Page EV_SEARCH: menu request. Data for Page only
                ev.stopImmediatePropagation();
                
                switch(ev.uaData.info.ev)
                {
                    case EV_SET_HOL:
                        pHOL.trigger($.Event(EV_SET,{uaData:ev.uaData}));
                        break;
                        
                    default:
                        //Main Menu Item request
                        switch(ev.uaData.data.id)
                        {
                            case 'Login':
                                switch(pInterface.isLoggedIn())
                                {
                                    case true://already loggedin => load page UA or Member
                                        pFrame_Pages.trigger($.Event(EV_SET, {uaData:{data:{id:pInterface.isMember() ? 'private/Member/mainPage': 'private/UA/mainPage'}}}));
                                        break;
                                        
                                    default:
                                        meViewer_Main.trigger($.Event(EV_NOTIFY,{uaData:ev.uaData})); 
                                        break;
                                };//switch(pInterface.isLoggedIn())
                                break;
                                
                            default:
                                meViewer_Main.trigger($.Event(EV_NOTIFY,{uaData:ev.uaData})); 
                                break;
                        };
                                            
                        break;
                };
            });

    const pFrame_Pages = $("#idFrame_Page",this).uaFrame().
            on(EV_EXTERN,function(ev)
            {
                ev.stopImmediatePropagation();    
                
                //forward request to main viewer
                meViewer_Main.trigger($.Event(EV_NOTIFY,{uaData:ev.uaData}));
            });
    
    //const pSEO = $("#idSEO",this).uaSEO();
    
    const pHOL = $("#idHOL",this).uaHOL();
    
    const meViewer_Main = this;
    return this;
};