let mainConfiObj, currentProductNum = 0, currentProductObj, currentApplicationLabel = '', currentConfigurationLabel = '';
function setupConfigurator(loadedObj){
	mainConfiObj = loadedObj;
	console.log(mainConfiObj);

	//setup buttons
	$("#product-datasheet").on("click", downloadDatasheet);
	$("#product-portal").on("click", supportPortal);
	$("#product-prev").on("click", previousProduct);
	$("#product-next").on("click", nextProduct);
	$("#pdf-download").on("click", generatePDF);
	$("#pdf-download2").on("click", generatePDF);
	$("#image-copy").on("click",generateDownloadableImage)

	const mLen = mainConfiObj.products.length;
	let htmlStr = '';
	for(let m=0;m<mLen;m+=1){
		htmlStr += '<div class="mm-cfgr-main-header-prod-dd-item" data-id="'+m+'">'+mainConfiObj.products[m].product+'</div>';
	}
	$("#product-maindd").html(htmlStr);
	$(".mm-cfgr-main-header-prod-dd-item").on("click", selectProduct);

	$("#clear-all").on("click",setupProduct);
	//setup first product
	setupProduct();
}

function selectProduct(e){
	currentProductNum = $(this).attr("data-id");
	setupProduct();
}

function previousProduct(){
	currentProductNum -= 1;
	if(currentProductNum <0){
		currentProductNum = mainConfiObj.products.length-1;
	}
	setupProduct();
}
function nextProduct(){
	currentProductNum += 1;
	if(currentProductNum >= mainConfiObj.products.length){
		currentProductNum = 0;
	}
	setupProduct();
}
function downloadDatasheet(){
	 window.open(currentProductObj.datasheet, '_blank').focus();
}
function supportPortal(){
	 window.open(currentProductObj.portal, '_blank').focus();
}
//diagram functions
function toggleSwitch(e){
	const switchId = $(this).attr("data-id"), switchStatus = $(this).hasClass("on");
	cssChangeSwitch(switchStatus, switchId);
}

function processSwitchRanges(activeSwitches,vid,jDiv,divClass){
	if(vid != "" && vid != null){
		if(vid.indexOf("|") > 0){
			const vidArr = vid.split("|"), vLen = vidArr.length;
			for(let v=0;v<vLen;v+=1){
				vItem = vidArr[v].split("-");
				if(activeSwitches.includes(vItem[0]) && activeSwitches.includes(vItem[1])){jDiv.addClass(divClass);}
			}
		} else {
			if(activeSwitches.includes(vid)){jDiv.addClass(divClass);}
		}
	}
}

function cssChangeSwitch(switchStatus, switchId){
	if(switchStatus){
		//turn all these switches off
		$(".mm-diagram-switch[data-id='"+switchId+"']").removeClass("on");
		$(".mm-diagram-joint3[data-topid='"+switchId+"']").removeClass("on");
		$(".mm-diagram-joint3[data-bottomid='"+switchId+"']").removeClass("bottomon");
		$(".mm-diagram-joinder[data-id='"+switchId+"']").removeClass("on");
		$(".mm-diagram-spacer[data-id='"+switchId+"']").removeClass("on");
		$(".mm-cfgr-control-switch-h[data-id='"+switchId+"']").removeClass("on");
		$(".mm-vd-line[data-id='"+switchId+"']").removeClass("on");
	}
	else {
		//turn all these switches on
		$(".mm-diagram-switch[data-id='"+switchId+"']").addClass("on");
		$(".mm-diagram-joint3[data-topid='"+switchId+"']").addClass("on");
		$(".mm-diagram-joint3[data-bottomid='"+switchId+"']").addClass("bottomon");
		$(".mm-cfgr-control-switch-h[data-id='"+switchId+"']").addClass("on");
		$(".mm-diagram-joinder[data-id='"+switchId+"']").addClass("on");
		$(".mm-diagram-spacer[data-id='"+switchId+"']").addClass("on");
		$(".mm-vd-line[data-id='"+switchId+"']").addClass("on");
	}

	//figure which vertical lines should be on/off
	let activeSwitches = {};
	$(".mm-diagram-switch").each(function(i){
		if($(this).hasClass("on")){
			activeSwitches[$(this).attr("data-id")] = 1;
		}
	});
	activeSwitches = Object.keys(activeSwitches);
	let aLen = activeSwitches.length;
	$(".mm-vd-line").removeClass("on").removeClass("onv").removeClass("onhl").removeClass("onhr").each(function(i){
		
		processSwitchRanges(activeSwitches,$(this).attr("data-sid"),$(this),"on");
		processSwitchRanges(activeSwitches,$(this).attr("data-vid"),$(this),"on");
		processSwitchRanges(activeSwitches,$(this).attr("data-hlid"),$(this),"onhl");
		processSwitchRanges(activeSwitches,$(this).attr("data-hrid"),$(this),"onhr");

		/*
		let sid = $(this).attr("data-sid"), vid = $(this).attr("data-vid"), hlid = $(this).attr("data-hlid"), hrid = $(this).attr("data-hrid");
		if(sid != "" && sid != null){
			if(sid.indexOf("|") > 0){
				const sidArr = sid.split("|"), sLen = sidArr.length;
				for(let r=0;r<sLen;r+=1){
					sItem = sidArr[r].split("-");
					if(activeSwitches.includes(sItem[0]) && activeSwitches.includes(sItem[1])){$(this).addClass("on");}
				}
			} else {
				if(activeSwitches.includes(sid)){$(this).addClass("on");}
			}
		}*/

	});
	




	//Figure out which side labels should be blue
	const diagramSections = currentProductObj.horizontal_diagram, sLen = diagramSections.length;
	let activatedLabels = [];
	for(let s=0;s<sLen;s+=1){
		//sections
		const sectionData = diagramSections[s].section, cLen = sectionData.length;
		let switchCount = 0, endpointSwitchesActivated = 0, centerSwitchActivated = 0, tempActiveLabels = [], pastSplit = false;
		for(let c=0;c<cLen;c+=1){
			//columns
			const columnData = sectionData[c], mLen = columnData.length;
			
			for(let m=0;m<mLen;m+=1){
				//switches
				const sectionItem = columnData[m];


				if(sectionItem.type == "endpoint"){
					if($(".mm-cfgr-control-switch-h[data-id='"+sectionItem.switch+"']").hasClass("on")){
						endpointSwitchesActivated += 1;
						tempActiveLabels.push(sectionItem.label);
						//console.log("add "+sectionItem.label);
					}
				} else if(sectionItem.type == "switch"){
					if(pastSplit){
						if($(".mm-cfgr-control-switch-h[data-id='"+sectionItem.switch+"']").hasClass("on")){
							if(endpointSwitchesActivated == 1){
								centerSwitchActivated += 1;
							}
						} else {
							//connection broken
							centerSwitchActivated = 0;
							endpointSwitchesActivated = 0;
							tempActiveLabels = [];
						}
					} else {
						if($(".mm-cfgr-control-switch-h[data-id='"+sectionItem.switch+"']").hasClass("on")){
							if(endpointSwitchesActivated == 1){
								centerSwitchActivated += 1;
							}
						} else if(endpointSwitchesActivated == 2){
							//one sided loop
							activatedLabels = activatedLabels.concat(tempActiveLabels);
							tempActiveLabels = [];
							endpointSwitchesActivated = 0;
						}
					}
				} else if(sectionItem.type == "split-joinder" || sectionItem.type == "spacer"){
					pastSplit = true;
				}
			}
		}
		//console.log(centerSwitchActivated, endpointSwitchesActivated, tempActiveLabels.toString());
		if((centerSwitchActivated == 2 && endpointSwitchesActivated == 2) 
			|| (centerSwitchActivated == 0 && endpointSwitchesActivated == 2)){
			activatedLabels = activatedLabels.concat(tempActiveLabels);
		}

	}
	
	//Set side label blue styling 
	$(".mm-cfgr-main-diagram-field-h").removeClass("on");
	const mLen = activatedLabels.length;
	for(let m=0;m<mLen;m+=1){
		$("#h-"+activatedLabels[m]).addClass("on");
		$("#hv-"+activatedLabels[m]).addClass("on");
	}

	generateConfiguration();
}

function selectMMDropdown(e){
	const ddType = $(this).attr("data-type"), dataId = $(this).attr("data-id");
	if(ddType == "use-case"){
		const useCase = currentProductObj.use_cases[dataId], mLen = useCase.data.length;
		for(let m=0;m<mLen;m+=1){
			const caseLabel = useCase.data[m];
			
			$("#"+caseLabel.id).val(caseLabel.label);
			$("#iv-"+caseLabel.id).val(caseLabel.label);
			if(caseLabel.terminate == true){
				$("#h-"+caseLabel.id).addClass("terminate");
				$("#hv-"+caseLabel.id).addClass("terminate");
			} else {
				$("#h-"+caseLabel.id).removeClass("terminate");
				$("#hv-"+caseLabel.id).removeClass("terminate");
			}
		}

		currentApplicationLabel = useCase.label;

		const configurations = currentProductObj.use_cases[dataId].example_configurations, standardConfigurations = currentProductObj.configurations, sLen = standardConfigurations.length;
		if(configurations != null){
			const nLen = configurations.length;
			let configHtmlStr = '';
			for(let n=0;n<nLen;n+=1){
				const config = configurations[n];
				let configNum = 0;
				for(let s=0;s<sLen;s+=1){
					console.log(standardConfigurations[s], config);
					if(standardConfigurations[s].label.toLowerCase() == config.configuration.toLowerCase()){
						configNum = s;
						
					}
				}
				configHtmlStr += '<div class="mm-dropdown-item" data-type="configurations" data-id="'+configNum+'" data-label="'+config.label+'">'+config.label+'</div>';
			}
			$("#dd-configurations .mm-dropdown-items").html(configHtmlStr);
			$("#dd-configurations").removeClass("disabled");
			$("#dd-configurations .mm-dropdown-item").on("click", selectMMDropdown);
			$("#diagram-title").val(currentApplicationLabel);
		} else {$("#dd-configurations").addClass("disabled");}
		$(".on").removeClass("on");
		$(".onhl").removeClass("onhl");
		$(".onhr").removeClass("onhr");
		$(".bottomon").removeClass("bottomon");
		generateConfiguration();
		$("#diagram-title").val();

	} else {
		const configuration = currentProductObj.configurations[dataId];
		currentConfigurationLabel = $(this).attr("data-label");
		$(".on").removeClass("on");
		$(".onhl").removeClass("onhl");
		$(".onhr").removeClass("onhr");
		$(".bottomon").removeClass("bottomon");
		for (const switchKey in configuration) {
			if(configuration[switchKey] == 1){
				cssChangeSwitch(false, switchKey);
			}
		}
		generateConfiguration();
		$("#diagram-title").val(currentApplicationLabel+" ― "+currentConfigurationLabel);
	}

}

function generateConfiguration(){
	let htmlStr = '', configLabel = '--', details = '--', configObj = {};
	//build current profile
	$(".mm-cfgr-control-switch-h").each(function(i){
		//parse through active switches on left for current config
		configObj[$(this).attr("data-id")] = $(this).hasClass("on");
	});
	//parse through configuration settings for matching configurations
	const configurations = currentProductObj.configurations, mLen = configurations.length;
	
	for(let m=0;m<mLen;m+=1){
		const configuration = configurations[m];
		let fullMatch = true;
		for (const switchKey in configObj) {
			if(configuration[switchKey] != configObj[switchKey]){
				fullMatch = false;
			}
		}
		if(fullMatch){
			configLabel = configuration.label;
			details = configuration.details;
		}
	}

	//Build table
	let tableHtmlStr = '', configKeys = Object.keys(configObj), cLen = configKeys.length, bitStr = '';
	configKeys.sort();
	configKeys.reverse();

	tableHtmlStr += '<tr><th colspan="'+cLen+'">HV OUT</th><th colspan="'+cLen+'">GPIO INPUT SIGNALS</th><th colspan="2">SPI STATE REGISTER</th></tr>';

	tableHtmlStr += '<tr>';
	for(let c=0;c<cLen;c+=1){
		tableHtmlStr += '<th>'+configKeys[c].charAt(configKeys[c].length - 1)+'</th>';
	}
	for(let c=0;c<cLen;c+=1){
		tableHtmlStr += '<th>CTL'+(cLen-c)+'</th>';
	}
	tableHtmlStr += '<th>BITS</th><th>HEX</th></tr><tr>';
	for(let c=0;c<cLen;c+=1){
		if(configObj[configKeys[c]]){
			tableHtmlStr += '<td class="on2">On</td>';
		} else {
			tableHtmlStr += '<td>Off</td>';
		}
	}
	for(let c=0;c<cLen;c+=1){
		if(configObj[configKeys[c]]){
			tableHtmlStr += '<td class="on2">H</td>';
			bitStr += '1';
		} else {
			tableHtmlStr += '<td>O</td>';
			bitStr += '0';
		}
	}
	
	for(let r=bitStr.length;r<8;r+=1){
		bitStr = '0'+bitStr;
	}
		
	

	tableHtmlStr += '<td>'+bitStr+'</td>';
	let hexStr = parseInt(bitStr, 2).toString(16).toUpperCase();
	if(hexStr.length < 2){
		hexStr = '0'+hexStr;
	}
	tableHtmlStr += '<td>'+hexStr+'</td>';
	//<td>'+configLabel+'</td>
	$("#table-data").html('<table>'+tableHtmlStr+'</tr></table>');

	$("#configuration-data").html(configLabel);
	$("#details-data").html(details);
}

function toggleFieldTerminate(){
	const dataId = $(this).attr("data-id");
	$("#h-"+dataId).toggleClass("terminate");
	$("#hv-"+dataId).toggleClass("terminate");
}

function setupProduct(){
	currentProductObj = mainConfiObj.products[currentProductNum];

	$("#product-name").text(currentProductObj.product);
	$("#table-data").text("");
	$("#diagram-title").val("");
	$("#configuration-data").text("--");
	$("#details-data").text("--");

	if(currentProductObj.display_vertical){
		$("#diagram").css("display","none");
		$("#diagram-vertical").css("display","");
	} else {
		$("#diagram").css("display","");
		$("#diagram-vertical").css("display","none");
	}
	/*
	[{"type":"endpoint","label":"HS1_A","switch":"HVB"},
			{"type":"endpoint","label":"MS1_A","switch":"HVD"},
			{"type":"endpoint","label":"LS1_A","switch":"HVC"}],
			[{"type":"joint3","top":"HVB","bottom":"HVC"}],
			[{"type":"switch","switch":"HVA"}],
			[{"type":"split-joinder", "label":"C1"}],
	*/


	//generate diagram
	const diagramSections = currentProductObj.horizontal_diagram, sLen = diagramSections.length;
	let htmlStr = '', allSwitches = [], labelGroups = [[],[]];
	for(let s=0;s<sLen;s+=1){
		const sectionData = diagramSections[s].section, cLen = sectionData.length;
		let lastSwitch = '';
		htmlStr += '<div class="mm-diagram-section">';
		for(let c=0;c<cLen;c+=1){
			const columnData = sectionData[c], mLen = columnData.length;
			htmlStr += '<div class="mm-diagram-col">';
			for(let m=0;m<mLen;m+=1){
				const sectionItem = columnData[m];
				if(sectionItem.type == "endpoint" || sectionItem.type == "switch"){
					htmlStr += '<div class="mm-diagram-switch" data-id="'+sectionItem.switch+'" data-label="'+sectionItem.label+'">';
					let colorStr = '';
					if(sectionItem.color != null){
						colorStr = ' style="color:'+sectionItem.color+';"';
					}
					if(sectionItem.type == "endpoint"){
						
						htmlStr += '<div class="mm-diagram-switch-label"'+colorStr+'>'+sectionItem.label+'</div>';
						//pull out labels for ids for the pin labels 
						if(c == 0){labelGroups[0].push(sectionItem.label);} else {labelGroups[1].push(sectionItem.label);}
					}
                    htmlStr += '<div class="mm-diagram-switch-icon"><div class="line"></div></div><div class="mm-diagram-switch-title"'+colorStr+'>'+sectionItem.switch+'</div></div>';
                    lastSwitch = sectionItem.switch;
                    if(!allSwitches.includes(sectionItem.switch)){allSwitches.push(sectionItem.switch);}
				}
				else if(sectionItem.type == "split-joinder"){
					htmlStr += '<div class="mm-diagram-joinder" data-id="'+lastSwitch+'"><div class="mm-diagram-joinder-title">'+sectionItem.label+'</div><div class="mm-diagram-joinder-icon"></div></div>';
				}
				else if(sectionItem.type == "joint3"){
					htmlStr += '<div class="mm-diagram-joint3" data-topid="'+sectionItem.top+'" data-bottomid="'+sectionItem.bottom+'"><div class="mm-diagram-joint-dot"></div></div>';
				}
				else if(sectionItem.type == "spacer"){
					htmlStr += '<div class="mm-diagram-spacer" data-id="'+lastSwitch+'"></div>';
				}
			}
			htmlStr += '</div>';
		}
		labelGroups[0].push('SPACER');
		labelGroups[1].push('SPACER');
		htmlStr += '</div>';
	}

	$("#diagram-box").html(htmlStr);
	//Hook up switch click function


	//Add  pin labels
	for(let r=0;r<2;r+=1){
		const gLen = labelGroups[r].length;
		let labelHtmlStr = '';
		for(let g=0;g<gLen;g+=1){
			if(labelGroups[r][g] == "SPACER"){
				labelHtmlStr += '<div style="height:10px;"></div>';
			} else {
				labelHtmlStr += '<div class="mm-cfgr-main-diagram-field-h" id="h-'+labelGroups[r][g]+'"><div class="mm-cfgr-main-diagram-field-toggle" data-id="'+labelGroups[r][g]+'"></div><div class="mm-cfgr-main-diagram-field-terminate">NEED TERMINATION (50 OHM)</div><input type="text" class="mm-cfgr-main-diagram-field" placeholder="Custom name here" id="'+labelGroups[r][g]+'"></div>';
			}
		}
		if(r == 0){$("#fields-left").html(labelHtmlStr);} else {$("#fields-right").html(labelHtmlStr);}
	}
	


	//add vertical diagram
	const vDiagram = currentProductObj.vertical_diagram, vLen = vDiagram.length;
	let vHtmlStr = '', vLeftHtmlStr = '', vRightHtmlStr = '', bLabelGroups = [[],[]], tempObj = {};
	for(let v=0;v<vLen;v+=1){
		const vRow = vDiagram[v], rLen = vRow.length;
		vHtmlStr += '<div class="mm-vdiagram-row">';
		for(let r=0;r<rLen;r+=1){
			const vItem = vRow[r];
			let switchIds = '';
			if(vItem.s != null){
				switchIds += 'data-sid="'+vItem.s+'" ';
			}
			if(vItem.v != null){
				switchIds += 'data-vid="'+vItem.v+'" ';
			}
			if(vItem.hl != null){
				switchIds += 'data-hlid="'+vItem.hl+'" ';
			}
			if(vItem.hr != null){
				switchIds += 'data-hrid="'+vItem.hr+'" ';
			}

			/*if(vItem.s2 != null){
				if(vItem.s2.indexOf("|")>0){
					const switches2 = vItem.s2.split("|");
					switchIds += 'data-id2="'+switches2[0]+'" data-id2alt="'+switches2[1]+'" ';
				} else {
					switchIds += 'data-id2="'+vItem.s2+'" ';
				}
			}*/

			if(vItem.t == " "){
				vHtmlStr += '<div class="mm-vd-blank"></div>';
				if(r == 0){bLabelGroups[0].push("SPACER");} else if(r == rLen-1){bLabelGroups[1].push("SPACER");}
			} 
			else if(vItem.t == "end"){
				vHtmlStr += '<div class="mm-diagram-switch" data-id="'+vItem.s+'" data-label="'+vItem.l+'">';
				let colorStr = '';
				if(vItem.c != null){
					colorStr = ' style="color:'+vItem.c+';"';
				}
				vHtmlStr += '<div class="mm-diagram-switch-label"'+colorStr+'>'+vItem.l+'</div>';
				//pull out labels for ids for the pin labels 
				if(r == 0){bLabelGroups[0].push(vItem.l);} else {bLabelGroups[1].push(vItem.l);}
                vHtmlStr += '<div class="mm-diagram-switch-icon"><div class="line"></div></div><div class="mm-diagram-switch-title"'+colorStr+'>'+vItem.s+'</div></div>';   
			} 
			else if(vItem.t == "vswitch"){
				vHtmlStr += '<div class="mm-diagram-switch vertical" data-id="'+vItem.s+'" data-label="'+vItem.l+'">';
					let colorStr = '';
					if(vItem.c != null){
						colorStr = ' style="color:'+vItem.c+';"';
					}
                    vHtmlStr += '<div class="mm-diagram-switch-icon"><div class="line"></div></div><div class="mm-diagram-switch-title"'+colorStr+'>'+vItem.s+'</div></div>';
			} else if(vItem.t == "split-joinder"){
				vHtmlStr += '<div class="mm-vd-joinder"><div class="mm-vd-joinder-icon"></div></div>';
			} else if(vItem.t == " |d"){
				vHtmlStr += '<div class="mm-vd-line rightdown" '+switchIds+'></div>';
			} else if(vItem.t == "-"){
				vHtmlStr += '<div class="mm-vd-line" '+switchIds+'></div>';
			} else if(vItem.t == " |"){
				vHtmlStr += '<div class="mm-vd-line right" '+switchIds+'></div>';
			} else if(vItem.t == " |u"){
				vHtmlStr += '<div class="mm-vd-line rightup" '+switchIds+'></div>';
			} else if(vItem.t == "|u"){
				vHtmlStr += '<div class="mm-vd-line leftup" '+switchIds+'></div>';
			} else if(vItem.t == "|o-d"){
				vHtmlStr += '<div class="mm-vd-line dot leftdown" '+switchIds+'><div class="dot"></div></div>';
			} else if(vItem.t == "-o|u"){
				vHtmlStr += '<div class="mm-vd-line dot rightup" '+switchIds+'><div class="dot"></div></div>';
			} else if(vItem.t == "-c|"){
				vHtmlStr += '<div class="mm-vd-line dot right" '+switchIds+'><div class="cut"><div class="cutdot"></div></div></div>';
			} else if(vItem.t == "|c-"){
				vHtmlStr += '<div class="mm-vd-line dot left" '+switchIds+'><div class="cut"><div class="cutdot"></div></div></div>';
			} else if(vItem.t == "|o-u"){
				vHtmlStr += '<div class="mm-vd-line dot leftup" '+switchIds+'><div class="dot"></div></div>';
			} else if(vItem.t == "-o|d"){
				vHtmlStr += '<div class="mm-vd-line dot rightdown" '+switchIds+'><div class="dot"></div></div>';
			} else if(vItem.t == "-o|"){
				vHtmlStr += '<div class="mm-vd-line dot right" '+switchIds+'><div class="dot"></div></div>';
			}  else if(vItem.t == "-o|t" || vItem.t == "|o-t"){
				vHtmlStr += '<div class="mm-vd-line dot righttop" '+switchIds+'><div class="dot"></div></div>';
			} else if(vItem.t == "-o|b" || vItem.t == "|o-b"){
				vHtmlStr += '<div class="mm-vd-line dot rightbottom" '+switchIds+'><div class="dot"></div></div>';
			} else {
				//tempObj[vItem.t] = 1;
				console.log(">"+vItem.t+"<");
			}
		}
		vHtmlStr += '</div>';
	}

	const bLen = bLabelGroups[0].length;
	let leftSpacer = true, rightSpacer = true;
	for(let b=0;b<bLen;b+=1){

		if(bLabelGroups[0][b] == "SPACER"){
			vLeftHtmlStr += '<div style="height:60px;"></div>';
			leftSpacer = true;
		} else {
			if(leftSpacer){
				vLeftHtmlStr += '<div class="mm-cfgr-main-diagram-title">DUT/TEST PIN LABELS</div>';
			}
			vLeftHtmlStr += '<div class="mm-cfgr-main-diagram-field-h" id="hv-'+bLabelGroups[0][b]+'"><div class="mm-cfgr-main-diagram-field-toggle" data-id="'+bLabelGroups[0][b]+'"></div><div class="mm-cfgr-main-diagram-field-terminate">NEED TERMINATION (50 OHM)</div><input type="text" class="mm-cfgr-main-diagram-field" placeholder="Custom name here" id="iv-'+bLabelGroups[0][b]+'"></div>';
			leftSpacer = false;
		}
		if(bLabelGroups[1][b] == "SPACER"){
			vRightHtmlStr += '<div style="height:60px;"></div>';
			rightSpacer = true;
		} else {
			if(rightSpacer){
				vRightHtmlStr += '<div class="mm-cfgr-main-diagram-title">DUT/TEST PIN LABELS</div>';
			}
			vRightHtmlStr += '<div class="mm-cfgr-main-diagram-field-h" id="hv-'+bLabelGroups[1][b]+'"><div class="mm-cfgr-main-diagram-field-toggle" data-id="'+bLabelGroups[1][b]+'"></div><div class="mm-cfgr-main-diagram-field-terminate">NEED TERMINATION (50 OHM)</div><input type="text" class="mm-cfgr-main-diagram-field" placeholder="Custom name here" id="iv-'+bLabelGroups[1][b]+'"></div>';
			rightSpacer = false;
		}
	}
	//console.log(Object.keys(tempObj).toString());
	$("#diagram-vertical").html('<div class="mm-cfgr-main-diagram-left">'+vLeftHtmlStr+'</div><div class="mm-cfgr-main-diagram-center"><div class="mm-diagram-box">'+vHtmlStr+'</div></div><div class="mm-cfgr-main-diagram-right">'+vRightHtmlStr+'</div>');

	//set switches functions
	$(".mm-diagram-switch").on("click", toggleSwitch);
	$(".mm-cfgr-main-diagram-field-toggle").on("click", toggleFieldTerminate);

	//generate side switches all off
	allSwitches.sort();
	const aLen = allSwitches.length;
	let togglesHtmlStr = '';
	for(let a=0;a<aLen;a+=1){
		togglesHtmlStr += '<div class="mm-cfgr-control"><div class="mm-cfgr-control-label">'+allSwitches[a]+'</div><div class="mm-cfgr-control-switch-h" data-id="'+allSwitches[a]+'"><div class="mm-cfgr-control-switch-on">On</div><div class="mm-cfgr-control-switch-off">Off</div><div class="mm-cfgr-control-switch"></div></div></div>';
	}
	$("#controls").html(togglesHtmlStr);
	//Hook up control switch click function
	$(".mm-cfgr-control-switch-h").on("click",toggleSwitch);


	//generate use cases
	const useCases = currentProductObj.use_cases, uLen = useCases.length;
	let useCaseHtmlStr = '';
	for(let u=0;u<uLen;u+=1){
		const useCase = useCases[u];
		useCaseHtmlStr += '<div class="mm-dropdown-item" data-type="use-case" data-id="'+u+'">'+useCase.label+'</div>';
	}
	$("#dd-use-cases .mm-dropdown-items").html(useCaseHtmlStr);


	//generate configurations
	/*
	const configurations = currentProductObj.configurations, nLen = configurations.length;
	let configHtmlStr = '';
	for(let n=0;n<nLen;n+=1){
		const config = configurations[n];
		configHtmlStr += '<div class="mm-dropdown-item" data-type="configurations" data-id="'+n+'">'+config.label+'</div>';
	}
	$("#dd-configurations .mm-dropdown-items").html(configHtmlStr);
	*/
	$("#dd-configurations").addClass("disabled");
	$("#dd-configurations .mm-dropdown-items").html('');

	$(".mm-dropdown-item").on("click", selectMMDropdown);
	//generate blank configuration
	generateConfiguration();
}

function generatePDF(){
	$("#diagram-parent").addClass("print");
	domtoimage.toPng(document.getElementById('diagram-parent'), {width:$("#diagram-parent").width()*2,height:$("#diagram-parent").height()*2, quality: 0.95,
			 style: {
			  transform: 'scale(2)',
			  transformOrigin: 'top left'
			} })
              .then(function (dataUrl) {
              	/*
                  var link = document.createElement('a');
                  link.download = 'generated-image.png';
                  link.href = dataUrl;
                  link.click();*/
              	domtoimage.toPng(document.getElementById('product-name'), {width:$("#product-name").width()*4,height:$("#product-name").height()*4, quality: 0.95,
					 style: {
					  transform: 'scale(4)',
					  transformOrigin: 'top left'
					} })
		              .then(function (dataUrlTitle) {
		              	/*
		                  var link = document.createElement('a');
		                  link.download = 'generated-image.png';
		                  link.href = dataUrl;
		                  link.click();*/

		              		uploadImageToPDFGenerator(dataUrl, dataUrlTitle);
		              }).catch(function(error){console.log(error);});
                  $("#diagram-parent").removeClass("print");
              }).catch(function(error){console.log(error);});
}

function generateDownloadableImage(){
	$("#diagram-parent").addClass("print");
	domtoimage.toPng(document.getElementById('diagram-parent'), {width:$("#diagram-parent").width()*2,height:$("#diagram-parent").height()*2, quality: 0.95,
			 style: {
			  transform: 'scale(2)',
			  transformOrigin: 'top left'
			} }).then(function (dataUrl) {
              	
                  var link = document.createElement('a');
                  link.download = currentProductObj.product+'-diagram.png';
                  link.href = dataUrl;
                  link.click();
              	
                  $("#diagram-parent").removeClass("print");
              }).catch(function(error){console.log(error);});
}

function uploadImageToPDFGenerator(dataUrl, dataUrlTitle){
	$.ajax({
        type: "POST",
        url: "/core/generatepdf/generate.php",
        dataType: "json",
        data:{ product:currentProductObj.product, img:dataUrl, imgwidth:$("#diagram-parent").width(),imgheight:$("#diagram-parent").height(), titleimg:dataUrlTitle, titleimgwidth:$("#product-name").width(),titleimgheight:$("#product-name").height() },
        success: function(data){
          console.log(data);
          if(data.success == "true"){
           	window.open("/core/generatepdf/exports/"+data.filename);
           	setTimeout(function(){deleteFileAfterDownload(data.filename);}, 3000);
          } else {alert(data.error);}
        },
        error: function(xhr, status, error){
          	
            console.error(xhr);
            alert("Generation failed. Please try again or reach out directly through our contact page.");
        }
      });
}
function deleteFileAfterDownload(filename){
	$.ajax({
        type: "POST",
        url: "/core/generatepdf/clearfile.php",
        dataType: "json",
        data:{ filename: filename},
        success: function(data){console.log(data);},
        error: function(xhr, status, error){console.error(xhr);}
      });
}