const qs = (val) => {
            return document.querySelector(val)
        }
        
        qs("#tabTitle").innerHTML = "Julie Squeaks! | Home App";
        
        const closeMenu = () => {
            qs('#menu').style.visibility = 'hidden';
            qs('#super-menu').classList.remove('active-button')     ;
            menuState = 0;
        }
        
        const hideWelcome = () => {
            qs('#homeWindow').style.visibility = 'hidden';
            qs('#taskHome').classList.remove('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Desktop";
        }
        
        const hideBlogIndex = () => {
            qs('#blogWindow').style.visibility = 'hidden';
            qs('#taskBlog').classList.remove('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Desktop";
        }
        const closeBlogPost = () => {
            qs('#blogpostWindow').style.visibility = 'hidden';
        }
        
        const hideCdWindows = () => {
            qs('#cdWindow1').style.visibility = 'hidden';
            qs('#cdWindow2').style.visibility = 'hidden';
            qs('#cdWindow3').style.visibility = 'hidden';
            qs('#taskCd').classList.remove('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Desktop";
        }
        
        const hidePhotosWindow = () => {
            qs('#photoWindow').style.visibility = 'hidden';
            qs('#taskPhoto').classList.remove('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Desktop";
        }
        
        const openMenu = () => {
            qs('#menu').style.visibility = 'visible';
            qs('#super-menu').classList.add('active-button');
            menuState = 1;
        }
        
        const showWelcome = () => {
            hideBlogIndex();
            hideCdWindows();
            hidePhotosWindow();
            qs('#homeWindow').style.visibility = 'visible';
            qs('#taskHome').classList.add('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Home App";
        }
        
        var blogLoading = 0;
        const showBlog = () => {
            if (blogLoading == 0) {
                //add index loading function here.
                loader();
                blogLoading++;
            };
            hideWelcome();
            hideCdWindows();
            hidePhotosWindow();
            qs('#blogWindow').style.visibility = 'visible';
            qs('#taskBlog').classList.add('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Blog Index"
        }
        
        const showCd = () =>  {
            hideWelcome();
            hideBlogIndex();
            hidePhotosWindow();
            qs('#cdWindow1').style.visibility = 'visible';
            qs('#taskCd').classList.add('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | CD Index"
        }
        
        const showPhotos = () => {
            hideWelcome();
            hideBlogIndex();
            hideCdWindows();
            qs('#photoWindow').style.visibility = 'visible';[]
            qs('#taskPhoto').classList.add('active-button');
            qs("#tabTitle").innerHTML = "Julie Squeaks! | Photography"
        }
        var menuState = 0;
        const menu = () => {
            if (qs('#menu').style.visibility = 'hidden' == false) {
                closeMenu();
                menuState = 0;
            }
            if (menuState == 0) {
                openMenu();
                menuState = 1;
            } else{closeMenu();}
        }
        
        const openUpdatestxt = () => {
            qs(".txtfile").style.visibility = 'visible';
        }
        const closeUpdatestxt = () => {
            qs(".txtfile").style.visibility = 'hidden';
        }