function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires + "; path=/";
}

				
    function setCookie_beforepath(cname, cvalue, exdays) {

        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toUTCString();
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }

    function getCookie(name) {
        const value = `; ${document.cookie}`;
        const parts = value.split(`; ${name}=`);
        if (parts.length === 2) return parts.pop().split(';').shift();
    }

    function fTurnOnBlanket() { document.getElementById('master_blanket').style.display = 'block'; }
	function fTurnOffBlanket() { document.getElementById('master_blanket').style.display = 'none'; }

    function fSherpaClick(o) {
        //o should be turned "off" when this function is called
        //when function called, the animation is playing
        //and display block makes the anim appear					
		if (document.getElementById(o)) {
			document.getElementById(o).className = 'sherpa_popup_after';
			document.getElementById(o).style.display = 'block';
         //   scrollToElement(o);
        setCookie(o,"1","90")
		} else { alert("Not found: " + o) }

        //any popup that is displayed using this function
        //will also hvae to close the master blanket
        fTurnOnBlanket();
        fSetSherpaAnimationStyles();
    }


function fSetSherpaAnimationStyles()
    {
        if(bWasShown('pnl_1_sherpa_popup')){document.getElementById('PNL_1_SHERPA_BUBBLE').style.animation='none';}
        if(bWasShown('pnl_2_sherpa_popup')){document.getElementById('PNL_2_SHERPA_BUBBLE').style.animation='none';}
        if(bWasShown('pnl_3_sherpa_popup')){document.getElementById('PNL_3_SHERPA_BUBBLE').style.animation='none';}
        if(bWasShown('pnl_4_sherpa_popup')){document.getElementById('PNL_4_SHERPA_BUBBLE').style.animation='none';}
    }


	function fTurnOffAllBlankets() {
	
		var elems = document.body.getElementsByTagName("*");
		var clslst = "";
        for (var i = 0; i < elems.length; i++) {
            clslst = elems.item(i).classList
            if (clslst.contains("blanket") || clslst.contains("popup") || clslst.contains("pnl_POPUP_CONTAINER") || clslst.contains("sherpa_popup_after")|| clslst.contains("escape")  ) {
                elems.item(i).style.display = 'none';
			}
        }       

		//alert(document.getElementById("pnl_1_chk_6_popup").classList);
	}

	


    function scrollToElement(sID) {
        var element_to_scroll_to = document.getElementById(sID);
        element_to_scroll_to.scrollIntoView();
	}

	function fSaveClick(sButtonName)
	{
		//alert(sButtonName+"|"+s);
        tPercComplete = sPercComplete;
        setCookie(sButtonName,"1","90")    
        fCheckAllPanelsForCompletion()

        if(tPercComplete!=100 && sPercComplete==100)
            {
                //HERE SOMEHOW TRACK THE ACTIVITY fTrackActivty("100% REACHED",null,"") //guid grabbed automagically
const img = document.createElement("img");
img.src = "/LicensingLearn/Mark100PercComplete.aspx?ts=" + Date.now();
document.body.appendChild(img);

                tButtonName = sButtonName.replace('ckb','chk').toLowerCase() + '_popup_closebutton'
                //popup the 100% complete window
                document.getElementById(tButtonName).addEventListener("click",function(e){setTimeout("fTurnOnBlanket();fTurnOnThermometer()",1000)},false)
            }

	}

	function bWasShown(sContentName) {
		
        sList = "," + aShowOncePanelList + ","
		if (sList.includes("," + sContentName + ","))
		{
            if(getCookie(sContentName)=="1") 
            {return (true);}        
		    else 
            {return (false);}	
        }
		
        return (false);
	}



	function fCheckCompletionStatusForPanel(sPNL)
	{
		aCkbList = aPnlCompletionList[sPNL].split(",")

		for (i = 0; i < aCkbList.length; i++)
		{
			if (getCookie(aCkbList[i]) != "1") { return false;}
		}

		return true;

	}

function CalcPercentComplete()
{
    xPerc=5; tPerc=0;

        for(xx=1;xx<=4;xx++)
            {
                aCkbList = aPnlCompletionList[xx].split(",")
		        for (i = 0; i < aCkbList.length; i++)
		        {
			        if (getCookie(aCkbList[i]) == "1") {tPerc += xPerc;}
		        }

        }

    newPerc =  tPerc + '%'

    if(newPerc!=0)
        {
            oldPerc = document.getElementById('PERC_COMP_TEXT').innerHTML ;
            
            if(oldPerc != '100%'  && newPerc == '100%')
                {
                    //attach an event to the close button of the window that called me
                    //fTurnOnThermometer();
                    if(document.getElementById('THERMOMETER_CONTAINER_100_PERC').style.display!='block')
                        {
                            fTurnOnBlanket();
                            document.getElementById('THERMOMETER_CONTAINER_100_PERC').style.display='block';
                        }
                }

            document.getElementById('PERC_COMP_TEXT').innerHTML = tPerc + '%';

        }
    else
        {document.getElementById('PERC_COMP_TEXT').innerHTML = '0%';}

    return (tPerc);
}

function fCheckAllPanelsForCompletion()
{
    sCheckmarkCharacter = "✔";

    for (ii = 1; ii <= 4; ii++) {
		ss = ii; sNextElem = "PNL_0_ckb_" + ss;
		//alert(sNextElem);
        if (fCheckCompletionStatusForPanel(ii)) { document.getElementById(sNextElem).innerHTML = sCheckmarkCharacter; }
        else { document.getElementById(sNextElem).innerHTML = ""; }
    }

    sPercComplete = CalcPercentComplete()

    document.getElementById('THERMOMETER_PROGRESS').style.height=sPercComplete+"%";
    if(sPercComplete!=0)
        {
            document.getElementById('THERMOMETER_PROGRESS').style.backgroundColor="grey";
        }
    if(sPercComplete==100)
        {
            document.getElementById('PERC_COMP_TEXT').style.backgroundColor="green";
            document.getElementById('PERC_COMP_TEXT').style.color="white";            
        }
    
        document.getElementById('THERMOMETER_PROGRESS_TEXT').innerHTML=sPercComplete+"%";
   }


function fTurnOnThermometer()
    {   
        sPercComplete = CalcPercentComplete()
        if(sPercComplete!=100)
            {
                if(document.getElementById('THERMOMETER_CONTAINER').style.display!='block')
                    {document.getElementById('THERMOMETER_CONTAINER').style.display='block';}}
        else
            {
                if(document.getElementById('THERMOMETER_CONTAINER_100_PERC').style.display!='block')
                    {document.getElementById('THERMOMETER_CONTAINER_100_PERC').style.display='block';}
            }
    }