// MOBILE ONLY 
// This function is called when the screen is tapped outside the vertical menu
// the tap action will close the menu

function collapseMenu()
{
	document.getElementById('islbtoggle').checked = '';
}

function saveFocusField(field_name)
{
    sessionStorage.setItem("focused", field_name);
}

function setGeneratorFocusField()
{
	if(screen.width >= 780)
    {
		var focus_field = sessionStorage.getItem("focused");
        if(focus_field != '' && focus_field != null)
        {
        	try{
                document.getElementById(focus_field).focus();
                if(document.getElementById(focus_field).tagName == 'input')
                {
                    document.getElementById(focus_field).select(); 
                }
            }
            catch(error){}
        }
   }
}

var loading_closed = 0;
function loading() {
	loading_closed = 0;
    
    document.getElementById("loading_overlay").style.display = "block";
    document.getElementById("loading").style.display = "block";
    $("#loading_img").show().each(function() {
            this.offsetHeight;
        }).prop('src', '//stairbuilder.babinironworks.com/style/loading.gif');  
    $("#loading_overlay").delay(10000).fadeOut();
    $("#loading").delay(10000).fadeOut();
}

function closeLoading() {
    document.getElementById("loading_overlay").style.display = "none";
    document.getElementById("loading").style.display = "none";
    loading_closed = 1;
}
	
function cfLoading() {
    
    if ($("#contact_form")[0].checkValidity()) {
        document.getElementById("loading_overlay").style.display = "block";
        document.getElementById("loading").style.display = "block";
        $("#loading_img").show().each(function() {
                this.offsetHeight;
            }).prop('src', '//stairbuilder.babinironworks.com/style/loading.gif');  
        $("#loading_overlay").delay(10000).fadeOut();
        $("#loading").delay(10000).fadeOut();
    }
}



function highlightDiagramTerms(img) {
    // 1. Define which terms belong to which image diagram
    var diagramTerms = {
        1: [
            "stairwell", "nosing", "treadplate", "landing", "flight", 
            "treadwidth", "stepriseindividualrise", "baseshoe", "finishedfloor", 
            "treadstep", "steprunindividualrun", "treaddepth", "treadthickness", 
            "riser", "spine", "totalrise"
        ],
        2: [
            "finishedfloor", "topnosingfloortrim", "topriserboardfasciaboard", 
            "stringer", "rises", "treadstep", "totalrun", "topstringermount", 
            "subfloor", "floorjoist", "headertopconnectionpoints", "flight", "totalrise"
        ],
        3: [
            "totalrun", "landing", "landingframe", "backwallstringerconnections", 
            "totalrise", "flight"
        ]
    };

    // 2. Clear out any terms highlighted from a previous click
    var previousImg = sessionStorage.getItem("active_diagram");
    if (previousImg && diagramTerms[previousImg]) {
        diagramTerms[previousImg].forEach(function(term) {
            var titleElem = document.getElementById("title_" + term);
            var topElem = document.getElementById("top_" + term);
            
            if (titleElem) {
                titleElem.style.color = "#666666";
                titleElem.style.background = "#ffffff";
            }
            if (topElem) {
                topElem.innerHTML = "";
            }
        });
    }

    // 3. Highlight all terms for the newly clicked image diagram
    var termsToHighlight = diagramTerms[img];
    if (termsToHighlight) {
        // Determine scroll position based on diagram number
        var scrollTarget = 0;
        if (img === 2) scrollTarget = 1000;
        if (img === 3) scrollTarget = 1800;

        termsToHighlight.forEach(function(term) {
            var titleElem = document.getElementById("title_" + term);
            var topElem = document.getElementById("top_" + term);

            if (titleElem) {
                titleElem.style.color = "#ffffff";
                titleElem.style.background = "#1084b5";
            }

            // Place "BACK TO DIAGRAM [img]" link on ALL highlighted definitions
            if (topElem) {
                topElem.innerHTML = "<a class='hiddenLink' onclick='window.scrollTo(0, " + scrollTarget + ");'>BACK TO DIAGRAM " + img + "</a>";
            }
        });

        // 4. Smoothly scroll down to the definitions section
        var defsContainer = document.getElementById("definitions-section");
        if (defsContainer) {
            defsContainer.scrollIntoView({ behavior: 'smooth' });
        }

        // Save active diagram index in session storage
        sessionStorage.setItem("active_diagram", img);
    }
}

function positionModal()
{
    var modal_position = sessionStorage.getItem("modal_pos");
	try
    {
        document.getElementById('edit_modal').style.top = modal_position;
        document.getElementById('edit_modal').style.visibility = "visible";
    }
    catch(error)
    {
    }  

}

function encodeChars(text) {
  var map = {
    '&': 'mnbamp',
    '<': 'mnbpb',
    '>': 'mnbgb',
    '"': 'dblqu',
    "'": 'sglqu'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

function openViewer(url, is_label, tok, ssn, app_code)
{
	key = Math.floor((Math.random()*1000000) +1);
	add_authenticators = key;
	if(is_label)
    {
    	add_authenticators = "tok="+tok+"&ssn="+ssn+"&app_code="+app_code;
    }
    
    if (typeof(pdfViewer) == 'undefined' || pdfViewer.closed) {
        //create new, since none is open
        pdfViewer = window.open(url+"?"+add_authenticators,'fullsize','left=0,top=0,width=900,height=600,directories=no, titlebar=no, status=no, menubar=no, scrollbars=yes, resizable=yes,toolbar=no');
		if (pdfViewer == null || typeof(pdfViewer)=='undefined') { 
            document.getElementById("system_overlay").style.visibility = "visible";
            document.getElementById("system_modal").style.visibility = "visible";
            document.getElementById("system_modal").style.height = "190px";
            document.getElementById("system_modal").innerHTML= "<p style='padding:10px;'><br/><strong>Cannot display the document.</strong><br/>Try disabling your pop-up blocker.<br/><br/><strong>Don't have a PDF reader?</strong><br/><a href=https://get.adobe.com/reader/ target=_blank>Get the Adobe Reader here</a><br/><br/><input type=button onClick=closeModal('system',0,1); id=red_button value=CLOSE /></p>";                       
            document.getElementById('system_modal').style.top = (((screen.height - $(system_modal).outerHeight()) / 2) + $(window).scrollTop() + "px");
        } 
    }
    else {
        pdfViewer.close();
        pdfViewer = window.open(url+"?"+add_authenticators,'fullsize','left=0,top=0,width=900,height=600,directories=no, titlebar=no, status=no, menubar=no, scrollbars=yes, resizable=yes,toolbar=no');
		if (pdfViewer == null || typeof(pdfViewer)=='undefined') { 
            document.getElementById("system_overlay").style.visibility = "visible";
            document.getElementById("system_modal").style.visibility = "visible";
            document.getElementById("system_modal").style.height = "190px";
            document.getElementById("system_modal").innerHTML= "<p style='padding:10px;'><br/><strong>Cannot display the document.</strong><br/>Try disabling your pop-up blocker.<br/><br/><strong>Don't have a PDF reader?</strong><br/><a href=https://get.adobe.com/reader/ target=_blank>Get the Adobe Reader here</a><br/><br/><input type=button onClick=closeModal('system',0,1); id=red_button value=CLOSE /></p>";                       
            document.getElementById('system_modal').style.top = (((screen.height - $(system_modal).outerHeight()) / 2) + $(window).scrollTop() + "px");
        } 
    }
}

function toggleButton(identifier)
{
	current_display = document.getElementById(identifier).style.display;
	if(current_display == 'none')
    {
    	document.getElementById(identifier).style.display="block"; 				
        document.getElementById(identifier).style.height="100%"; 
        document.getElementById("button_"+identifier).innerHTML = "–";
        
    }
    else
    {
     	document.getElementById(identifier).style.display="none"; 				
        document.getElementById(identifier).style.height="0"; 
        document.getElementById("button_"+identifier).innerHTML = "+";
   }
        
}



function dynamic_details(ssn, page, action_name, sub_id, data1, data2, data3, data4, data5, data6, data7, data8, data9, data10, data11, data12)
{   
	data2 = data2.replace(new RegExp("[+]", "g"), 'plsvar');
	data2 = data2.replace(new RegExp("[&]", "g"), 'andvar');

	switch(action_name)
	{
        case "view_pdf":
        {
        	loading();
            break;
        }
        case "product_display":
        	loading();
        	break;
		default:
			break;
	}

	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		var xmlhttp=new XMLHttpRequest();
	} else { // code for IE6, IE5
		var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.open("POST","create_page.php",true);
    
    //Send the proper header information along with the request
	xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			if(xmlhttp.responseText.trim() == "logout")
			{
				window.location.reload();				
			}
			else
			{
				switch(action_name)
				{
                   case "alert_modal":
                    {
                    	document.getElementById("alert_modal").className = "short-modal";
                    	document.getElementById("alert_overlay").style.display = "block";
  						document.getElementById("alert_modal").innerHTML=xmlhttp.responseText;
                    	break;
                    }
                    case "alert_modal_cancel":
                    {
                    	document.getElementById("alert_modal").className = "";
                    	document.getElementById("alert_overlay").style.display = "none";
  						document.getElementById("alert_modal").innerHTML="";
                    	break;
                    }
                    case "warning_modal":
                    {
                    	document.getElementById("warning_overlay").style.visibility = "hidden";
                        document.getElementById(action_name).style.visibility = "hidden";
                        document.getElementById(action_name).innerHTML = "";
                        break;
                    }
                    case "view_pdf":
                    {
                    	filename=data5;
                       	openViewer(filename, 0, '','','');
                        
                        break;
                    }
                    case "q_tool":
                    {
                    	document.getElementById("q_overlay").style.visibility = "visible";
                        document.getElementById("q_modal").style.visibility = "visible";
                        document.getElementById("q_modal").innerHTML=xmlhttp.responseText;                       
                        document.getElementById('q_modal').style.top = "50px";
                        break;
                    }
					case "product_display":
                    
                    	document.getElementById(action_name+sub_id).innerHTML=xmlhttp.responseText;
                                                
                        try
                        {
                        	document.getElementById('edit_modal').style.top = "50px";
         					document.getElementById('edit_modal').style.visibility = "visible";
                        }
                        catch(error){}  

                        try
                        {
         					document.getElementById('error_modal').style.visibility = "visible";
                        }
                        catch(error){}  
                        setGeneratorFocusField();
                    
                    	break;
                    case "cart_expand":
                    	toggleButton(action_name+sub_id);
                    	break;
					default:
					{
						document.getElementById(action_name+sub_id).innerHTML=xmlhttp.responseText;
                    	setGeneratorFocusField();
						break;
					}
				}
			}
            
		}
        closeLoading();
	}
    
    if(((typeof data3 != "undefined") && (typeof data3.valueOf() == "string")) && (data3.length > 0)) 
    {
        data3 = encodeChars(data3);
    }  
    if(((typeof data4 != "undefined") && (typeof data4.valueOf() == "string")) && (data4.length > 0)) 
    {
        data4 = encodeChars(data4);
    }  
    if(((typeof data6 != "undefined") && (typeof data6.valueOf() == "string")) && (data6.length > 0)) 
    {
        data6 = encodeChars(data6);
    }  

	xmlhttp.send("page="+page+"&ssn="+ssn+"&func=dynamic_details&name="+action_name+"&sub="+sub_id+"&d1="+data1+"&d2="+data2+"&d3="+encodeURIComponent(data3)+"&d4="+data4+"&d5="+data5+"&d6="+data6+"&d7="+data7+"&d8="+data8+"&d9="+data9+"&d10="+data10+"&d11="+data11+"&d12="+data12);    
}

function closeModal(modal_prefix, reload,clear_contents)
{
	if(clear_contents)
    {
    	document.getElementById(modal_prefix+"_modal").innerHTML="";
    }
    document.getElementById(modal_prefix+"_overlay").style.visibility = "hidden";
    document.getElementById(modal_prefix+"_modal").style.visibility = "hidden";
    
    if(reload)
    {
        current_href = window.location.href;
       	window.location.assign(current_href);
    }
}



// JavaScript Document