
<script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylon.js"></script>
                 <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs_new.loaders.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/pep.js"></script>
        
        
        
        
       
       
       
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/5.0.0-rc.4/babylon.js"></script>
		<script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/dat.gui.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/ammo.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/cannon.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/Oimo.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/earcut.min.js"></script>
        
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs.materials.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs.proceduralTextures.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs.postProcess.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs.loaders.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylonjs.serializers.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylon.gui.min.js"></script>
        <script src="https://fibrotech.se/wp-content/themes/kallyas-child/babylonjs/babylon.inspector.bundle.js"></script>
<!--<script src="https://cdn.babylonjs.com/babylon.js"></script>
        <script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
        <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>
        <script src="https://preview.babylonjs.com/ammo.js"></script>
        <script src="https://preview.babylonjs.com/cannon.js"></script>
        <script src="https://preview.babylonjs.com/Oimo.js"></script>
        <script src="https://preview.babylonjs.com/earcut.min.js"></script>
        <script src="https://preview.babylonjs.com/babylon.js"></script>
        <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>
        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>
        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>
        <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script>
        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>
        <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>
        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>-->
         <input type="hidden" id="instanceCounti" value="0"/>
 <input type="hidden" id="instanceCountl" value="0" />
 <input type="hidden" id="instanceCountu" value="0"/>
 <input type = "hidden" id="squere" value="0"/>
 <input type="hidden" id="msgarr" name="msgarr" value="">
 <input type="hidden" id="hid_color" value="0">
<style>
.fullwidth{z-index:999;}
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  / Remove scrollbar space /
    background: transparent;  / Optional: just make scrollbar invisible /
}
/ Optional: show position indicator in red /
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
.calculator-box.calculator-1 img,.calculator-box.calculator-2 img,.calculator-box.calculator-3 img,.calculator-box.calculator-4 img,.calculator-box.calculator-5 img,.calculator-box.calculator-6 img,.calculator-box.calculator-7 img,.calculator-box.calculator-8 img{mix-blend-mode: darken;}
	#embed-host{
		display: none;
	}
	#gift-wrap-option1 {
    position: fixed;
    top: 50%!important;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
}
.custom_radio_button {
    display: flex;
    width: 25%;
    float: none;
    margin: auto;
}
.custom_glb_type {
    width: 25%;
    margin-top: 5px !important;
    margin-bottom: 0;
}
.custom_height {
    width: 25%;
   /* padding: 15px !important;*/
    margin: 0;
}
.custom_radio_button input {
    margin-left: 5px;
}
.custom_radio_button label {
    margin-left: 5px;
}
#popupBoxCloseengraving {
    background: #367b11;
    border: none;
    font-weight: 700;
    font-size: 22px;
}
.custom_ok_button {
    background-color: rgb(54 123 17) !important;
    width: 12% !important;
    padding: 8px;
    color: #fff;
    font-size: 17px;
    border: none;
}
.gift-wrap-option {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 12px;
    box-shadow: 0 0 19px #474747;
    display: none;
    font: 400 14px/24px Helvetica,sans-serif;
    /*left: 15.5%;*/
     left: 24%;
    margin: 0;
    min-height: 235px;
    
    padding: 0;
    position: fixed;

   /* top: 0px !important;*/
   top: 25% !important;
    /*width: 69%;*/
    width: 52%;
    z-index: 999999999;display:flex;    flex-wrap: wrap;
}

.shield-engraving{
    background: none repeat scroll 0 0 #333333;
    height: 100%;
    left:0;
    top:0;
    width: 100%;
    z-index: 1000;
}

.close-popup{ 
    color: #000 !important;
    float: right !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    opacity: 0.2 !important;
    text-shadow: 0 1px 0 #fff; cursor: pointer !important;
     padding: 1px 9px !important;
	margin:0px !important;
	box-sizing: border-box !important;
	font: 400 14px/24px Helvetica,sans-serif !important;
}
#ModalTitle, .ModalTitle{
font:400 14px/24px Helvetica,sans-serif;
min-height: 40px;
 width: 100%;
 
   background: #367b11;
    border-bottom: 1px solid #fff;
    border-radius: 7px 7px 0 0;
    color: #fff;

    padding: 1%;
    text-align: left;

    height: 20px;
}
div#ModalButtonRow1 {
    width: 100%;
    margin: 5px auto;
    text-align: center;
}
#ModalButtonRow, .ModalButtonRow {
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 7px 7px;
  border-top: 1px solid #e5e5e5;
  min-height: 12.43px;
  padding: 1%;
  text-align: right;
  width: 98%;
  position:absolute;
  bottom:0;
}
#ModalButtonRow .Button {
  background: #57ad68 none repeat scroll 0 0;
  border: 1px solid #439f55;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 24px !important;
  margin: 0 5px 0 0;
  opacity: 1 !important;
  padding: 4px 12px !important;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: lowercase;
  white-space: nowrap;
  width: 70px;
}
#ModalButtonRow1 label{
display: block;	
	}
.cleardiv {
    clear: both;
}
.renderCanvas{
		height: 800px;
	}
.profile_selection_step_wrap .select_product p {
    text-align: center;
    color: #000;
    min-height: 52px;    line-height: 17px;
}
.calculator-6 .select_accessories label {
    color: #000;
    min-height: 50px;
    width: 90%;
    margin: 0 auto;line-height: 17px;
}
	@media screen and (max-width:767px) {
.renderCanvas{
		height: 350px;
	}
	.mouse_gest{
	display:none;	
	}
	}

</style>
<style type="text/css">
.btn_next{    float: right;
    border: 1px solid #f2f2f2 !important;
    border-radius: 0;
    background: #f2f2f2;
    margin: 6px 5px;
    height: 38px;
    font-weight: bold;}
body {
	outline:none;
	padding:0px;
	margin:0px;
	font-family:Roboto;
}
:focus {
	outline:none;
}
button:focus {
	outline:none;
}
select:focus {
	outline:none;
}
a:focus {
	outline:none;
}
img {
	border:none;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
:after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
img {
	max-width:100%;
	display:block;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
img {
	margin:0px;
	display:block;
}
ul, ol {
	margin:0px;
	padding:0px;
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-weight:normal;
}
a:focus {
	text-decoration:none;
}
p {
	padding:0;
	margin:0;
}
.calculator-contact-box {
	width:100%;
	float:left;
	display:flex;
}
.col-8 {
	width:65%;
	float:left;
	display:flex;
}
.col-4 {
	width:35%;
	float:left;
	display:flex;
}
.ccb-text {
	background-color:#f4f4f4;
	width:100%;
	padding-bottom:80px;
}
.ccb-list {
	background-color:#fafafa;
	width:100%;
}
.ccb-text-box {
	margin:auto;
	width:80%;
	display:table;
}
.ccb-list-box {
	margin:auto;
	width:90%;
	display:table;
}
.ccb-text-box h2 {
	font-size:26px;
	font-weight:500;
	color:#000;
	/*margin:40px 0;*/
	margin: 21px 0 2px;
	text-transform:uppercase;
	margin-bottom: 30px;
}
.ccb-list-box h2 {
	font-size:36px;
	font-weight:500;
	color:#000;
	margin:50px 0;
	width:100%;
	float:left;
	text-align:center;
	text-transform:uppercase;
}
.vaelg-form {
	width:100%;
	float:left;
}
.vaelg-form ul {
	margin: auto;
    display: table;
    width: 70%;
}
.vaelg-form ul li {
	width: 49%;
    padding: 15px;
    float: left;
    border: 1px solid #ddd;
    margin: 2px;
}
.ccb-list-box ul {
	float:left;
	width:100%;
}
.ccb-list-box ul li span {
	margin:auto 0 auto 20px;
	float:left;
	width:80%;
	font-size:16px;
	font-weight:600;
}
.ccb-list-box ul li {
	height:64px;
	width:100%;
	background-color:#fff;
	display:flex;
	box-shadow:0 6px 5px #DFDFDF;
	margin:0 0 10px;
	opacity:0.6;
	cursor:no-drop;
}
.ccb-list-box ul li.active-list {
	opacity:1;
	cursor:pointer;
}
.ccb-list-box ul li img {
	float:right;
	display:none;
}
.ccb-list-box ul li.active-list img {
	display:block;
}
.id-box-50 {
	width:33.33%;
	float:left;
	display:table;
	margin:auto;
}
.id-box-50.indsaet-dimensioner_input_wrap {
   /* width: 50%;*/
}
/*.df-row .w-50 {
	width:50%;
	float:left;
	padding:20px;
}*/
.df-row .w-100 {
	width:100%;
	float:left;
	padding:2px;
}
.dimensioner-form {
	width:100%;
	float:left;
}
.indsaet-dimensioner {
	display:flex;
	    align-items: center;
    justify-content: center;
}
.df-row label {
	font-size:18px;
	margin-bottom:12px;
}
.df-row .form-control {
	height:35px;
	border-radius:0;
	border:1px solid #d7d7d7;
	background:#fff;
	float:left;
	margin:0px;
	width:75%;
}
.df-row span {
	height: 35px;
    border-radius: 0;
    float: left;
    border: 1px solid #d7d7d7;
    text-align: center;
    line-height: 35px;
    width: 25%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f4f4f4;
}
.df-row {
	width:70%;
	float:left;
	padding:0 40px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	box-shadow:0 0 0;
	border-color:#777;
}
.id-box-50 img {
	/*margin:40px auto;*/
}
@keyframes hover-color {
from {
border-color:#c0c0c0;
}
to {
	border-color:#3e97eb;
}
}
.magic-radio, .magic-checkbox {
	position:absolute;
	display:none;
}
.magic-radio[disabled], .magic-checkbox[disabled] {
	cursor:not-allowed;
}
.magic-radio + label, .magic-checkbox + label {
	position:relative;
	display:block;
	padding-left:30px;
	cursor:pointer;
	vertical-align:middle;
	font-size:16px;
	color:#000;
}
.magic-radio + label:hover:before, .magic-checkbox + label:hover:before {
	animation-duration:0.4s;
	animation-fill-mode:both;
	animation-name:hover-color;
}
.magic-radio + label:before, .magic-checkbox + label:before {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:20px;
	height:20px;
	content:'';
	border:1px solid #c0c0c0;
}
.magic-radio + label:after, .magic-checkbox + label:after {
	position:absolute;
	display:none;
	content:'';
}
.magic-radio[disabled] + label, .magic-checkbox[disabled] + label {
	cursor:not-allowed;
	color:#e4e4e4;
}
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after {
	cursor:not-allowed;
}
.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before {
	border:1px solid #000;
	animation-name:none;
}
.magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before {
	border-color:#e4e4e4;
}
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
	animation-name:none;
}
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {
	display:block;
}
.magic-radio + label:before {
	border-radius:50%;
}
.magic-radio + label:after {
	top:0;
	left:0;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#000;
}
.magic-radio:checked + label:before {
	border:1px solid #3e97eb;
}
.magic-radio:checked[disabled] + label:before {
	border:1px solid #000;
}
.magic-radio:checked[disabled] + label:after {
	background:#c9e2f9;
}
.magic-checkbox + label:before {
	border-radius:3px;
}
.magic-checkbox + label:after {
	top:2px;
	left:7px;
	box-sizing:border-box;
	width:6px;
	height:12px;
	transform:rotate(45deg);
	border-width:2px;
	border-style:solid;
	border-color:#fff;
	border-top:0;
	border-left:0;
}
.magic-checkbox:checked + label:before {
	border:#3e97eb;
	background:#3e97eb;
}
.magic-checkbox:checked[disabled] + label:before {
	border:#c9e2f9;
	background:#c9e2f9;
}
.vaelg-tilbehor-1 {
	/*width:100%;*/
	padding:0 30px;
	float:left;
	/*margin:50px 0;*/
}
.vaelg-tilbehor-1-img {
	width:33.333%;
	float:left;
	text-align:center;
}
.vaelg-tilbehor-1-img img {
	margin:15px auto;
}
.vaelg-tilbehor-1-img p {
	font-size:16px;
	color:#000;
}
.vaelg-tilbehor-2 {
	float:left;
	width:100%;
	border:1px solid #000;
	border-right:none;
	display:flex;
	padding:0 0 0 20px;
}
.vaelg-tilbehor-2 span {
	font-size:16px;
	line-height:50px;
	width:20%;
	color:#000;
}
.vaelg-tilbehor-gup {
	width:20%;
	float:left;
	border-right:1px solid #000;
	padding:15px 10px 0;
}
.vaelg-tilbehor-gup small {
	font-size:10px;
}
.vaelg-tilbehor-3 {
	float:left;
	width:100%;
	text-align:center;
	margin:50px 0;
}
.vaelg-tilbehor-3 p {
	width:100%;
	float:left;
	padding:0 0 50px;
	font-size:16px;
	color:#000;
}
.vaelg-tilbehor-3 button {
	background: #fff;
    /* border: none; */
    padding: 15px 50px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #E1E1E1!important;
}
.total-row {
	width:90%;
	margin:auto;
	display:table;
	padding:30px 0;
}
.te-price {
	width:100%;
	float:left;
	text-align:center;
	font-size:19px;
	text-transform:uppercase;
	font-weight:600;
	color:#000;
}
.te-price span {
	font-size:36px;
	padding:0 15px;
	color:#367b11;
	font-weight:400;
}
.button-row {
	width:100%;
	float:left;
	margin-top:40px;
	margin-bottom: 40px;
}
.button-row button {
	width:44%;
	float:left;
	margin:0 3%;
	background:#e8e828;
	border:none;
	padding:15px 0;
	font-size:16px;
}
.show-3d {
	width:100%;
	float:left;
}
.show-3d h3 {
	width:100%;
	float:left;
	text-align:center;
	font-size:66px;
	margin:20px 0;
	line-height:initial;
}
.show-3d .show-3d-box {
	margin:auto;
	display:table;
	width:100%;
}
.show-3d .show-3d-box img {
	margin:auto;
}
.tbl_custom_data {
	width:100%;
	float:none;
	margin:auto;
	/*padding:70px 0;*/
	display:table;
}
.tbl_custom_data th, .tbl_custom_data td {
	border-bottom:1px solid #999;
	text-align:left;
  padding: 4px 1px;
  font-size: 14px;
	/*padding:13px 20px;
	font-size:18px;*/
}

.tbl_custom_data td:first-child { 
	width: 50%;
 };
.tbl_custom_data p {
	font-size:18px;
	padding:20px 0;
	line-height:30px;
}
.tbl_custom_data span {
	padding:0 50px;
	/*font-size:22px;*/
}
.serie-alu-hegn {
	float:left;
	width:100%;
	background-color:#fff;
	box-shadow:4px 6px 16px #DFDFDF;
	margin:7px 0 10px;
	padding:30px 40px;
	min-height:440px;
}
.serie-alu-hegn .serie-img {
	float:left;
	width:46%;
	margin:2%;
}
.serie-alu-hegn .serie-img img {
	width:100%;
}

.site-content .container{width:100%; padding:0px; }

.modal-vo {
display:none !important;
}
.desktop-vo {
display:block !important;
}
@media screen and (max-width:1800px) {
	.df-row label {
    font-size: 14px;
    margin-bottom: 12px;
}
.df-row {
    width: 100%;
    float: left;
    padding: 0 9px;
}
.button-row button{font-size: 13px;}
.ccb-text-box h2 {
    font-size: 26px;}
	.ccb-list-box h2 {
    font-size: 28px;}
	.show-3d h3{font-size: 46px;}
	
	.ccb-list .ccb-list-box ul {
    padding: 60px 60px 0 60px;
}
.calculator-7 .col-4 {
    /*min-width: 588px;*/
}
}
@media screen and (max-width:600px) {
.tbl_custom_data table {
border:0;
}
 .tbl_custom_data table thead {
display:none;
}
 .tbl_custom_data table tr {
margin-bottom:10px;
display:block;
border-bottom:2px solid #ddd;
}
 .tbl_custom_data table td {
display:block;
text-align:right;
font-size:13px;
border-bottom:1px dotted #ccc;
}
 .tbl_custom_data table td:last-child {
border-bottom:0;
}
 .tbl_custom_data table td:before {
content:attr(data-label);
float:left;
text-transform:uppercase;
font-weight:bold;
}
}

.header-h2{
  font-size: 17px;
}
.addbtn{
    background-color: #464242; color: #fff; border-radius: 2px;outline: none;margin-top: 21px;    padding: 5px;
  }
  .addbtn:hover {
    background-color: #ee8620;
    
}
.vaelg-form ul li {
   width: 49%;
    padding: 15px;
    float: left;
    border: 1px solid #ddd;
    margin: 2px;
}
.vaelg-form ul li:hover {
    /* border: 3px solid #000; */
    box-shadow: 0px 1px 1px 1px #5a5a5a8f;
}

 @media screen and (max-width:1800px) {
.df-row label {
 font-size: 14px;
 margin-bottom: 12px;
}
.df-row {
 width: 100%;
 float: left;
 padding: 0 9px;
}
.button-row button {
font-size: 13px;
}
.ccb-text-box h2 {
 font-size: 26px;
}
 .ccb-list-box h2 {
 font-size: 28px;
}
 .show-3d h3 {
font-size: 46px;
}


}
@media screen and (max-width:1200px) {
.col-8 {
 width: 58%;
}
 .vaelg-form ul li {
 width: 32.23%;
}
.col-4 {
 width: 42%;
}
.indsaet-dimensioner {
 display: inline-block !important;
}
.button.btn.btn_nexttrigger {
width: 90px !important
}
.vaelg-tilbehor-2 {
display: inline-block;
text-align: left;
border: 1px solid #000 !important;
}
 .vaelg-tilbehor-gup {
 width: 100%;
 float: left;
 border-right: none;
}
.indsaet-dimensioner_image_wrap {
    border: 1px solid #e1e1e1;
    margin: auto 10px;
    width: 100%;
}
.id-box-50.indsaet-dimensioner_input_wrap {
    width: 100%!important;
    padding-top: 40px;
}
.select_product {
    width: 50%;
    display: table;
}
}
@media screen and (max-width:1100px) {
 .vaelg-tilbehor-2 {
 float: left;
 width: 100%;
 border: 1px solid #000;
 border-right: none;
 display: inline-block;
 padding: 20px 60px;
 text-align: left;
}
}
@media screen and (max-width:900px) {
.id-box-50 {
 width: 100%;
}
}
@media screen and (max-width:767px) {
	.te-price span {
    font-size: 39px;
}
}
 @media screen and (max-width:767px) {

 	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
 		width: 275px !important;
 		top: 2361px !important;
 		left: 22px;
 	}
 .col-4 {
 width: 100%;
/* display: none;*/
}

#sendtopdf{
	float: left;
    margin: 0 3%;
    background: #e8e828;
    border: none;
    padding: 15px 10px;
    /*display: block !important;*/
    width: 100%;
}
#add_to_cart_btn{
	font-size: 14px;
    float: left;
    margin: 7px 0px 0px 6px;
    background: #e8e828;
    border: none;
    padding: 15px 10px;
    /*display: block !important;*/
    width: 100%;
}
.col-8 {
 width: 100%;
}
.row, .thumbnails {
 margin-left: 0;
 margin: 0;
}
.vaelg-form ul li {
 width: 31.23%;
}
.site-content {
 position: relative;
 margin: 0 0 20px;
}
.vaelg-tilbehor-1-img {
 width: 100%;
 float: left;
 text-align: center;
}
.modal-vo {
display:block !important;
}
.desktop-vo {
display:none !important;
}
.modal-vo .col-4 {
 width: 100%;
 display: block;
}
.calculator-contact-box {
display:inline-block
}
.button-row button {
 width: 100%;
}
 .vaelg-form ul li {
 width: 48%;
}
.calculator-box.calculator-2 .id-box-50 img {
width: 60%;
}
.calculator-box.calculator-3 .id-box-50 {
 width: 100%;
}
.nextBtn_form{
	   /* width: 33% !important;*/
}
#vindues_table tr td .w-100 span{
	display: none;
	height: 24px;
}
#vindues_table tr td .w-100 input{
	width: 100%;
	height: 24px;
}
.tfoot td input{
	width: 30%;
	    font-size: 8px;
}
.tfoot td .ingen_vindues{
	width: 35%;
	font-size: 8px;
}
.vaelg-tilbehor-1-img {
 width: 45%;
 float: left;
 text-align: center;
}
.ccb-list-box {
width: 90%;
}
.te-price span {
/* font-size: 0;*/
 padding: 0;
}
 .button-row button {
 width: 100%;
 margin: 0;
}
.df-row .w-50 {
 width: 50%;
 padding: 0 4px;
}
.ccb-text-box h2 {
 font-size: 20px !important;
}
#Facade_div thead tr th{
	font-size: 11px !important;
}
#facade_stykke_table tr td{
	font-size: 11px !important;
}
#facade_stykke_table tr td input{
	   /* height: 25px !important; */
}
#facade_stykke_table tr td span{
	   /* height: 25px !important;
	    line-height: 24px !important;*/
}
#Gavl_div thead tr th{
	font-size: 11px !important;
}
#Gavl_div tr td{
	font-size: 11px !important;
}
#Gavl_div tr td input{
	    height: 25px !important;
}
#Gavl_div tr td span{
	    height: 25px !important;
	    line-height: 24px !important;
}

.nextBtn_formvindues{
	   /* padding: 5px 5px 5px 5px !important;
	    font-size: 13px !important;
	   /* width: 30% !important;
    margin-top: 10px;*/
}
.calculator-box.calculator-4 .id-box-50 {
 width: 50%;
}
.vaelg-tilbehor-1 {
padding: 0 0;
}
.vaelg-tilbehor-1-img p {
 font-size: 14px;
}
 .tbl_custom_data p {
 font-size: 14px;
}
}
@media screen and (max-width:600px) {

	.vaelg-profil div div{
	width: 95% !important;
	background: #fff;
	height: auto !important;
}
.vaelg-profil div div img{
	width: 79% !important;
    margin: 0 auto !important;
}
.vaelg-tilbehor div {
	    width: 95% !important;
	    background: #fff;
}
.vaelg-tilbehor-3{
	background: #fff0 !important;
}
.vaelg-tilbehor div img{
	width: 60% !important;
	margin: 0px auto;
	height: 60%!important;
}
.vaelg-tilbehor div center input{
	    bottom: 8px !important;
}

/*tr td:first-child,
tr td:last-child {
  color: #359900;
  font-weight: bold;
}*/
#mydiv table tbody tr td:first-child{
	width: 100% !important;
}
#mydiv table tbody tr td:nth-child(2) { 
display: none;
 }
 #mydiv table tbody tr td:nth-child(4) { 
display: none;
 }
 .totalll{
 	display: none !important;
 }
.tbl_custom_data table {
border:0;
}
 .tbl_custom_data table thead {
display:none;
}
 .tbl_custom_data table tr {
margin-bottom:10px;
display:block;
border-bottom:2px solid #ddd;
}
 .tbl_custom_data table td {
display:block;
text-align:right;
font-size:13px;
border-bottom:1px dotted #ccc;
}
 .tbl_custom_data table td:last-child {
border-bottom:0;
}
 .tbl_custom_data table td:before {
content:attr(data-label);
float:left;
text-transform:uppercase;
font-weight:bold;
}
.ccb-text-box {
width: 90%;
}
.tbl_custom_data th, .tbl_custom_data td {
 border-bottom: 1px solid #999;
 text-align: left;
 padding: 11px 0;
 font-size: 0;
 width: 100%;
}
}
.bootstrap-dialog.type-primary .modal-header {
	background-color: #abab04;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
	font-size: 20px;
	float: right;
	opacity: .9;
	filter: alpha(opacity=90);
}
.bootstrap-dialog .bootstrap-dialog-title {
	color: #fff;
	display: inline-block;
	font-size: 16px;
}
.modal-body {
	padding-top: 0px;
}
.cursurpointer {
	cursor: pointer;
}
.ccb-text .ccb-text-box .indsaet-dimensioner {
   /* padding: 100px 0px 0px 0px;*/
}
.indsaet-dimensioner_image_wrap {
    border: 1px solid #e1e1e1;
    margin: auto 10px;
}
.indsaet-dimensioner_input_wrap {
    margin: auto 10px;
}
.calculator-3 .id-box-50 img {
   /* width: 80%;*/
}
.calculator-2 .id-box-50 img {
    width: 80%;
}

@media screen and (max-width: 1800px)
{
.df-row {
    
     width: 70%; 
    float: left;
    padding: 0 9px;
}
}
@media screen and (max-width: 1400px)
{
.df-row {
    padding: 0 6px;
}
.calculator-7 .col-4 {
   /* min-width: 588px;*/
}
}
.dimention {
    width: 21%;
    font-size: 10px;
    margin: 0;
}
.dimention1 {
    width: 21%;
    font-size: 10px;
    margin: 0;
}
.calculator-4 .ccb-text .ccb-text-box .dimensioner-form {
    padding: 100px 0px 0px 0px;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.calculator-box.calculator-5 .ccb-text-box .vaelg-profil {
    /*margin-top: 70px;*/
}
.profile_selection_step_wrap {
    margin: 0 auto;
    float: unset;
    width: 100%;
}
/*.calculator-6 .calculator-contact-box .ccb-text-box {
    margin: 22px 5px 14px 285px;
}*/
@media screen and (max-width: 1800px)
{
/*.calculator-6 .calculator-contact-box .ccb-text-box {
    margin: 22px 5px 14px 200px;
}*/
.profile_selection_step_wrap .select_product {
    padding: 15px;
}
.select_product {
    float: left;
   /* min-height: 305px*/;
}
}
@media screen and (max-width: 1400px)
{
/*.calculator-6 .calculator-contact-box .ccb-text-box {
    margin: 22px 5px 14px 170px;
}*/
}
.select_accessories{
	/*float: left;*/
    /* height: 310px; */
    width: 150px;
    padding: 3px;
    /* border: 1px solid #e1e1e1; */
    /* margin: 7px; */
    position: relative;
	}
	.select_accessories img.fenceAccessories {
 /*  margin: 40px auto;*/
    margin-bottom: 4px;
}
.button-row #print_send {
    width: 43%;
    float: left;
    margin: 0px 1%;
    background: #FFF;
    border: none;
    padding: 15px 0;
    font-size: 16px;
    box-shadow: 0 6px 5px #dfdfdf;
}
.button-row #fuldskaerm {
    width: 31%;
    float: left;
    margin: 0px 1%;
    background: #FFF;
    border: none;
    padding: 15px 0;
    font-size: 16px;
    box-shadow: 0 6px 5px #dfdfdf;
}
.button-row #nulstil {
    width: 20%;
    float: left;
    margin: 0px 1%;
    background: #FFF;
    border: none;
    padding: 15px 0;
    font-size: 16px;
    box-shadow: 0 6px 5px #dfdfdf;
}

@media screen and (max-width: 1400px)
{
.ccb-list .ccb-list-box ul {
    padding: 60px 60px 0 60px;
}
.calculator-6 .select_accessories {
    min-height: 328px;
}
}
.calculator-box .col-4 h2 {
    display: none;
}

@media screen and (max-width: 900px) and (min-width: 768px) {
	.vaelg-tilbehor-1 {
    width: 100%;
    padding: 0 30px;
    float: left;
    margin: 50px 0;
    display: contents;
}
}
.calculator-4 .calculator-contact-box .col-8 .dimensioner-form .df-row{
width:75%;	
	}
	@media screen and (min-width: 1800px)
{
.ccb-list .ccb-list-box ul {
    padding: 15px 45px 0 45px;
}
.ccb-list-box ul li {
    height: 74px;
}
.ccb-list-box ul li span {
    font-size: 20px;
}

}
.ccb-list .ccb-list-box ul {
   
    margin-top: 15px;
    margin-bottom: 15px;
}
@media screen and (max-width: 1200px)
{
.vaelg-form ul li {
    /* width: 32.23%; */
    width: 48%;
}
.ccb-list .ccb-list-box ul {
    padding: 48px 29px 0 29px;
}
.select_product {
    width: 50%!important;}
/*.calculator-6 .calculator-contact-box .ccb-text-box{
    margin: 22px 5px 14px 126px;
}*/
.calculator-6 .select_accessories {
    min-height: 328px;
}
}
@media screen and (max-width: 900px)
{
.calculator-6 .calculator-contact-box .ccb-text-box {
    margin: 0 auto;
}
.ccb-list .ccb-list-box ul {
  padding: 48px 29px 0 29px;
}
}
@media screen and (min-width: 1800px)
{
.profile_selection_step_wrap > .select_product {
    padding: 45px;
    float: left;
    min-height: 330px;
}
.calculator-6 .select_accessories {
    min-height: 305px;
}
}
.select_product {
    width: 33.33%;
    display: table;
}
img.topFence {
   /* margin: 40px auto;*/
    margin-bottom: 0px;
	margin: 0 auto;
}
.ccb-text-box .vaelg-tilbehor {
    /*margin-top: 70px;*/
}
.select_accessories {
    width: 33.33%;
    float: left;
    display: table;
	margin-bottom: 50px;
}
@media screen and (min-width: 1400px)
{

.calculator-6 .select_accessories {
    min-height: 327px;
}
}
label {
    
    font-weight: normal;
}
.calculator-box.calculator-7 .calculator-contact-box .col-8 .ccb-text-box {
    width: 100%;
}
tbody#facade_stykke_table label {display: block;margin-bottom: 2px;font-size: 11px !important;color: #000;}
table#Facade_div {width: 100% !important;}
tbody#facade_stykke_table td {
    display: block;
}
.calculator-box.calculator-4 .ccb-text-box img, .calculator-box.calculator-5 .ccb-text-box img{
    height: 200px !important;
    object-fit: contain;
}
.calculator-box.calculator-6 .select_accessories img.fenceAccessories {
    margin: 15px auto;
}
@media screen and (max-width: 1150px)
{
.df-row .form-control {
    width: 60%;
}
.df-row span {
    width: 15%;
}
}
@media screen and (max-width: 1200px)
{
.df-row {
    width: 36%;
}
}
@media screen and (max-width: 767px)
{
.indsaet-dimensioner .df-row {
    width: auto;
    margin: 0 auto;
    float: unset;
}
#facade_stykke_table tr td {
     font-size: 14px !important;
}
}
@media (min-width: 1200px)
{
.row {
    margin-left: -30px;
  
}
}
.calculator-box.calculator-7 ul.all-data-list-finel{
	padding: 0px 49px 0 49px;
	}
	@media screen and (max-width:768px) {
	.ccb-list .ccb-list-box ul {
    padding: 60px 0px 0 0px;
}
.modal-vo .df-row {
    width: 50%;
}

}


</style>

<link rel="stylesheet" href="https://fibrotech.se/wp-content/themes/kallyas-child/css/jquery-ui.css"/>
<script src="https://fibrotech.se/wp-content/themes/kallyas-child/js/jquery-1.10.2.js"></script>
<script src="https://fibrotech.se/wp-content/themes/kallyas-child/js/jquery-ui.js"></script>
<script src="https://fibrotech.se/wp-content/themes/kallyas-child/js/jquery.form.js"></script>
<!--<link rel="stylesheet" href="/css/foundation.css"/>
<link rel="stylesheet" href="/css/wbs.css"/>-->
<div id="dialog" style="display: none;"></div>
		<div id="map_div" style="height: 800px;display:none;">
	      <input id="color" type="hidden" value="" />
	  		<input id="model" type="hidden" value="" />
		  	<input id="topmodel" type="hidden" value="" />
			  <input id="post" type="hidden" value="" /> 
			  <input id="led" type="hidden" value="" />
		    <input id="skruer" type="hidden" value="" /> 
			  <input id="postsize" type="hidden" value="" />
		    <input id="endekap" type="hidden" value="" /> <!-- HIDDEN INPUT TYPE TOTAL--> 
            <input type="hidden" id="fencetype" name="fencetype" value=""/>
			  <input id="fencetype1" name="fencetype1" type="hidden" value="" /> 
		    <input id="clips_type" name="clips_type" type="hidden" value="" /> <!-- HIDDEN INPUT TYPE topprofile-->
	      <input id="topprofiletype1" name="topprofiletype1" type="hidden" value="" /> <!-- HIDDEN INPUT TYPE postsize--> 
	      <input id="postsize1" name="postsize1" type="hidden" value="" /> <!-- HIDDEN INPUT TYPE endekaptype--> 
	      <input id="endekaptype1" name="endekaptype1" type="hidden" value="" />
        <div id="forms_table" style="display: none;"></div>
    </div>
<div class="calculator-box calculator-1">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Vælg type</h2>
          <div class="vaelg-form">
            <ul>
              <li data_id="1" data-method="1"><img src="https://fibrotech.se/wp-content/themes/kallyas-child/image/firkant-ny.jpg" alt="" title="">
              	 <input class="hidFirst" type="hidden" value="Firkant">
              </li>
             <!-- <li data_id="2" data-method="2"><img src="https://fibrotech.se/wp-content/themes/kallyas-child/image/trekant.png" alt="" title="">
              	<input class="hidFirst" type="hidden" value="Trekant">
              </li>-->
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list " ><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li id="Volgform"><span class="sidebar_calc_box1 ">2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
           <!-- <li><span>3. Gavl trekant</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>-->
            <li><span>3. Loft/Væg</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>4. Vindues- / dørhuller (- areal)</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
           <!-- <li><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li><span>6. Tilbehør</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="calculator-box calculator-2" id='accordion' style="display:none">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Gavl trekant</h2>
          <div class="indsaet-dimensioner">
            <div class="id-box-50 indsaet-dimensioner_image_wrap"> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""> </div>
            <div class="id-box-50 indsaet-dimensioner_input_wrap">
              <div class="dimensioner-form">
              	<div class="df-row" >
              		<table style="width: 100%;" id="Gavl_div">
                      <thead>
                      	<tr>
                          <th style="width:30%;">Gavl trekant</th>
                          <th style="width:35%;" >Længde</th>
                          <th style="width:35%;">Højde</th>
                         
                      </tr>
                      </thead>
                              <tbody style="width:100%" id="gavl_trekant_table">
                                  <tr id="Gavl1">
                                      <td >Gavl 1a</td>
                                      <td >
                                            <div class="w-100 " >
													                    <input type="number" class="form-control" min="0" name="Gavl1AL" id="Gavl1AL">
													                    <span>mtr</span> </div>
                                      </td>
                                      <td >
                                            <div class="w-100 ">
													                    <input type="number" class="form-control" min="0" name="Gavl1AW" id="Gavl1AW">
													                    <span>mtr</span> </div>
                                      </td>
                                  </tr>
                              </tbody> 
                              <tr>
                                  <td colspan="4">
                                      <input type="button" onclick="addGavl()" class="addbtn" value="Tilføj Gavl" style="display:none;"/>
                                      &nbsp;
                                      <input type="button" onclick="removeGavl()" class="addbtn" style="display:none;" value="Fjern Gavl" id="removeGavlBtn"/>
                                  </td>
                              </tr>
                  </table>
                </div>
                
                
              </div>
            </div>
          </div>
          <div class="btn-center" style="
    float: left;
    width: 100%;
">
            <ul style="
    max-width: 300px;
    margin: auto;
    display: table;
    margin-top: 37px;
">
            	<li style="float: left; margin-right: 20px;">
            <a href="javascript:void(0)" class="button btn btn_tilbage" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Tilbage</a> 
</li>
<li style="float: left;">
            <a href="javascript:void(0)" class="button btn btn_nexttrigger" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Næste</a>
</li>
</ul>
             </div>
          
          
          
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span><!-- <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
           <!-- <li><span>3. Gavl trekant</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>-->
            <li><span>3. Loft/Væg</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>4. Vindues- / dørhuller (- areal)</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <!--<li><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li><span>6. Tilbehør</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <button class="button btn btn_next" style="display: none;">Next</button>
</div>
<div class="calculator-box calculator-3" style="display:none">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Loft/Væg</h2>
          <div class="indsaet-dimensioner">
            <div class="id-box-50 indsaet-dimensioner_image_wrap"> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""> </div>
            <div class="id-box-50 indsaet-dimensioner_input_wrap">
              <div class="dimensioner-form">
              	<div class="df-row" >
              		<table style="width: 100%;" id="Facade_div">
                            <thead>
                            	
                            </thead>
                                    <tbody style="width:100%" id="facade_stykke_table">
                                        <tr id="Facade1">
                                            <!--<td >Areal A</td>-->
                                            <td >
                                            
                                                  <div class="w-100 " >
                                                  <label style="font-size: 12px;" >Længde</label>
																                    <input type="number" class="form-control" name="Gavl1AL" min="0" id="FacadeAL">
																                    <span>mtr</span> </div>
                                            </td>
                                            <td >
                                           
                                                  <div class="w-100 ">
                                                   <label style="font-size: 12px;" >Bredde</label>
                                                  
																                    <input type="number" class="form-control" name="Gavl1AW" min="0" id="FacadeAW">
																                    <span>mtr</span> </div>
                                            </td>
                                           
                                        </tr>
                                        
                                    </tbody> 
                                    <tr>
                                        <td colspan="4">
                                            <input type="button" onclick="addFacade()" class="addbtn"  value="Tilføj Areal" style="display:none;" />
                                            &nbsp;
                                            <input type="button" onclick="removeFacade()" class="addbtn" style="display:none;" value="Fjern Areal" id="removeFacadeBtn"/>
                                        </td>
                                    </tr>
                        </table>
                        
                </div>
                
                
              </div>
            </div>
          </div>
          <div class="btn-center" style="
    float: left;
    width: 100%;
">
            <ul style="
    max-width: 300px;
    margin: auto;
    display: table;
    margin-top: 37px;
">
            	<li style="float: left; margin-right: 20px;">
            <a href="javascript:void(0)" class="button btn btn_tilbage" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Tilbage</a> 
</li>
<li style="float: left;">
            <a href="javascript:void(0)" class="button btn nextBtn_form" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Næste</a>
</li>
</ul>
             </div>
          
        </div>
        </div>
      </div>
   
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span><!-- <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
            <!--<li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> </li>-->
            <li><span>3. Loft/Væg</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>4. Vindues- / dørhuller (- areal)</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <!--<li><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li><span>6. Tilbehør</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  </div>
<div class="calculator-box calculator-4" style="display:none">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Vindues- / dørhuller (- areal)</h2>
          <div class="dimensioner-form">
              	<div class="df-row" >
              		<table style="width: 100%;" id="Vindues_div">
                            <thead>
                            	<tr>
                                 <th width="100"></th>
                                <th width="150">Antal</th>
                                <th width="150">Bredde</th>
                                <th width="150">Højde</th>
                               
                            </tr>
                            </thead>
                                    <tbody style="width:100%" id="vindues_table">
                                        <tr  id="Type1">
                                            <td width="100">Type 1</td>
                                            <td width="150">
                                                  <div class="w-100 " >
																                    <input type="number" class="form-control" min="0" name="vdT1S" id="vdT1S">
																                    <span>m</span> </div>
                                            </td>
                                            <td width="150">
                                                  <div class="w-100 ">
																                    <input type="number" class="form-control" min="0" name="vdT1L" id="vdT1L">
																                    <span>m</span> </div>
                                            </td>
                                            <td width="150">
                                                  <div class="w-100 ">
																                    <input type="number" class="form-control" min="0" name="vdT1H" id="vdT1H">
																                    <span>m</span> </div>
                                            </td>
                                        </tr>
                                    </tbody> 
                                    <tr class="tfoot">
                                         <td colspan="4">
                                            <input type="button" onclick="addVindue()" class="addbtn"  value="Tilføj Type"/>
                                            &nbsp;
                                            <input type="button" onclick="removeVindue()" class="addbtn" style="display:none;"  value="Fjern Type" id="removeVindueBtn"/>
                                            <input class="ingen_vindues" style="background-color: #f45f45; color: #fffdfd; border-radius: 2px;    padding: 7px;
    border: none;" type="button" value="Ingen minus areal">
                                        </td>
                                         
                                    </tr>
                        </table>
                      
                </div>
                
                
              </div>
              <div class="btn-center" style="
    float: left;
    width: 100%;
">
            <ul style="
    max-width: 300px;
    margin: auto;
    display: table;
    margin-top: 37px;
">
            	<li style="float: left; margin-right: 20px;">
            <a href="javascript:void(0)" class="button btn btn_tilbage_pre" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Tilbage</a> 
</li>
<li style="float: left;">
            <a href="javascript:void(0)" class="button btn nextBtn_formvindues" style="    float: left;
    background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 8px 11px 11px 10px;
    width: 120px;
    border-radius: 0px;
    font-weight: 700;">Næste</a>
</li>
</ul>
             </div>
                

          <!--<div class="vaelg-profil">
            <div class="id-box-50 product_item"> <img class="fencePostsize wqs_size1" color_val="alu" src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-stolpestorrelse1.jpg" alt="" title=""> 
            	<input class="hidPostsize1" type="hidden" value="80x80mm"  />
            </div>
            <div class="id-box-50 product_item"> <img class="fencePostsize wqs_size1" color_val="black"src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-stolpestorrelse2.jpg" alt="" title=""> 
            	<input class="hidPostsize1" type="hidden" value="80x80mm" />
            </div>
          </div>-->
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
            <!--<li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> <b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>-->
            <li  class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span> <b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li></li>
            <li><span>4. Vindues- / dørhuller (- areal)</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <li><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            
            <!--<li><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li><span>6.  Tilbehør</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="calculator-box calculator-5" style="display:none">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Vælg produkt</h2>
          <div class="vaelg-profil col-md-12 profile_selection_step_wrap">
          	<style type="text/css">
          		
          	</style>
                                                                                                                                                                                <div style="" class="select_product select_product_896" data-product_id="896" data-product_price="18.95">
                                                <img class="topFence" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2020/12/basic_hvidmalet-150x150.jpg" alt="" />                                                <input class="hidTop" type="hidden" value="Retning3" />
                                                <p>
                                                    FibroTech Basic Lys/fin HVIDMALET 600×1200 mm                                                </p>
                                            </div>
                                                                                        <div style="" class="select_product select_product_897" data-product_id="897" data-product_price="16.95">
                                                <img class="topFence" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2021/01/basic-150x150.jpg" alt="" />                                                <input class="hidTop" type="hidden" value="Retning3" />
                                                <p>
                                                    FibroTech Træbeton Basic lys/fin 600x1200 mm                                                </p>
                                            </div>
                                                                                        <div style="" class="select_product select_product_899" data-product_id="899" data-product_price="24.95">
                                                <img class="topFence" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2021/01/mulfin-150x150.jpg" alt="" />                                                <input class="hidTop" type="hidden" value="Retning3" />
                                                <p>
                                                    FibroTech Multifin HVIDMALET 600×1200 mm                                                </p>
                                            </div>
                                                      </div>
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
           <!-- <li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span></li>-->
            <li class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span> <b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li class="active-list sidebar_calc_box4"><span>4.Vindues- / dørhuller (- areal)</span> <b class="dimention1" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>
            <!--<li><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li><span>6. Tilbehør</span><!-- <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
	input.Tilbehørcheckbox {
					margin-right: 5px;
    width: 20px;
    height: 20px;
   /* display: none;*/
}
       
	   .chekacc {
    text-align: end;
} 
</style>
<div class="calculator-box calculator-6_1" style="display:none">
	<div class="calculator-contact-box">
    	<div class="col-8">
      		<div class="ccb-text">
             <div class="ccb-text-box">
            	<h2>Skinne system</h2>
                 <div class="col-md-12 skinee_system_selection_step_wrap" style="text-align:center;">
                 	<label style="min-width:66px"><input type="radio" name="skinee_system_radio" class="skinee_system_radio" value="t24" /> T24</label>
                    <label style="min-width:66px"><input type="radio" name="skinee_system_radio" class="skinee_system_radio" value="c60" /> C60</label>
                    <label style="min-width:66px"><input checked="checked" type="radio" name="skinee_system_radio" class="skinee_system_radio" value="none" /> Ingen skinne system</label>
                 </div>
                 <div class="btn-center" style=" float: left; width: 100%;">
                 	<ul style="max-width: 300px;margin: auto;display: table;margin-top: 37px;">
                    	<li style="float: left; margin-right: 20px;">
                        	<a href="javascript:void(0)" class="button btn btn_tilbage_skinne_section" style="float: left;background: #fff;border: 1px solid #e1e1e1 !important;padding: 8px 11px 11px 10px;width: 120px;border-radius: 0px;font-weight: 700;">Tilbage</a>
                        </li>
                        <li style="float: left;">
                        	<a href="javascript:void(0)" class="button btn nextBtn_skinne_section" style="float: left;background: #fff;border: 1px solid #e1e1e1 !important;padding: 8px 11px 11px 10px;width: 120px;border-radius: 0px;font-weight: 700;">Næste</a>
                        </li>
                    </ul>
                 </div>
            </div>
      		</div>
        </div>
		<div class="col-4 desktop-vo resizeing">
			<div class="ccb-list">
        		<div class="ccb-list-box">
                	
                    
                    <ul >
                    <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
                    <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
                   <!-- <li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> </li>-->
                    <li class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span> <b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
                    <li class="active-list sidebar_calc_box4"><span>4. Vindues- / dørhuller (- areal)</span><b class="dimention1" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
                    <li class="active-list sidebar_calc_box5"><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-topprofil.jpg" alt="" title=""></li>
                    <!--<li class="active-list sidebar_calc_box6_1"><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
                    
                    <li class="sidebar_calc_box6"><span>6. Tilbehør</span> <img src="" alt="" title=""></li>
                  </ul>
        		</div>
			</div>
        </div>
    </div>
</div>
<div class="calculator-box calculator-6" style="display:none">
  <div class="calculator-contact-box">
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <h2>Tilbehør</h2>
          <div class="vaelg-tilbehor">
          	<div class="vaelg-tilbehor-1 col-md-12">
                                                         <div style="" class="select_accessories product_item 936" data-selected="0" datakey="3">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc" name="Acc" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2021/01/FibroTech-montagelim-spand-PM-2023-NETFIL-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    Montagelim                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc1" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="936" data-tilbehor_product_price="52.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="2119001" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 935" data-selected="0" datakey="4">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc1" name="Acc1" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2020/12/montagelim-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    Montagelim                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc11" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="935" data-tilbehor_product_price="16.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="2119000" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 930" data-selected="0" datakey="0">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc2" name="Acc2" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2021/01/ReparationsSpray-Sort-traebeton-nov-2022-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    FibroTech Rep. maling til træbeton, Sort - RAL 9005                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc12" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="930" data-tilbehor_product_price="24.25" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="2122783" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 929" data-selected="0" datakey="1">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc3" name="Acc3" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2021/01/ReparationsSpray-Hvid-traebeton-nov.-2022-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    FibroTech Rep. maling til træbeton, Hvid - RAL 9003                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc13" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="929" data-tilbehor_product_price="24.25" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="2122782" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 905" data-selected="0" datakey="2">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc4" name="Acc4" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2025/01/Skrue-traebeton-WHITE-45-mm-Low-res-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    5,0 x 45 mm Træbetonskruer HVID - 100 stk.                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc14" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="905" data-tilbehor_product_price="25.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="1905470" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 906" data-selected="0" datakey="2">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc5" name="Acc5" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2025/01/Skrue-traebeton-BEIGE-45-mm-Low-res-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    5,0 x 45 mm FibroTech BEIGE - 100 stk.                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc15" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="906" data-tilbehor_product_price="25.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="1927440" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 880" data-selected="0" datakey="2">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc6" name="Acc6" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2025/01/Skrue-traebeton-BEIGE-45-mm-Low-res-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    5,0 x 45 mm FibroTech BEIGE - 250 stk.                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc16" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="880" data-tilbehor_product_price="36.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="1838893" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                                                        <div style="" class="select_accessories product_item 881" data-selected="0" datakey="2">
                                               
                                                <div style=" " class="chekacc"><input type="checkbox" id="Acc7" name="Acc7" class="Tilbehørcheckbox" ></div>
                                                <img class="fenceAccessories" style="cursor: pointer;" src="https://fibrotech.se/wp-content/uploads/2025/01/Skrue-traebeton-WHITE-45-mm-Low-res-150x150.jpg" alt="" />
                                                <input class="hidAccessories" type="hidden" value="acc1" />
                                                <label style="display: block;text-align: center;" for="Acc1">
                                                    5,0 x 45 mm FibroTech HVID - 250 stk.                                                </label>
                                                <center>
                                                    <!--
                                                    <label style="position:absolute; left:20px;right:20px;bottom:50px;;" for="Acc1">Amount</label>
                                                    -->
                                                    <input value="0" id="Acc17" style="width: 120px; height: 40px; margin: 5px;" name="Acc1"
                                                           type="number"  min="0" data-tilbehor_product_id="881" data-tilbehor_product_price="36.95" data-tilbehor_product_variation_id="0" data-tilbehor_product_sku="1838894" oninput="this.value = Math.abs(this.value)"  />
                                                </center>
                                            </div>
                                                               </div>                 
            
            <div class="vaelg-tilbehor-3"><p style="text-align: center;margin: 4px 0;opacity: 0.8;font-size: 14px;padding: 0; display:none;">Beregningen er kun vejledende og med forbehold for faktorer der påvirker udfaldet af beregningen. Det er på kundens eget ansvar at tjekke beregningen/antal</p>
           <!--   <p>Du kan forlade dette uden valg eller en indtil alle</p>-->
              <button class="btn_beregn" style="background: #fff;
    border: 1px solid #e1e1e1 !important;
    padding: 12px 11px 12px 10px;
    width: 129px;
    border-radius: 0px;
    font-weight: 700;
    font-size: 14px;"  id="submitBtn">beregn</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
            <!--<li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> </li>-->
            <li class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span><b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li class="active-list sidebar_calc_box4"><span>4. Vindues- / dørhuller (- areal)</span> <b class="dimention1" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li  class="active-list sidebar_calc_box5"><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-topprofil.jpg" alt="" title=""></li>
           <!-- <li class="active-list sidebar_calc_box6_1"><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li class="Vælgtilbehor"><span>6. Tilbehør</span> <img style="display:none;" src="" alt="" title=""></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="calculator-box calculator-7" style="display:none">
  <div class="calculator-contact-box desktop-vo">
    <div class="col-4 desktop-vo resizeing">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <div class="dit-veg-mag">
                     <ul >
                     	<li class="active-list down-arrow-list"><span>Rediger</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2022/02/free-arrow-down-icon-3101-thumb.png" alt="" title="" style="height: 50%;
    margin: auto 0 auto 0px;"></li>
                     </ul> 
                      
                     

                  </div>
          <ul class="all-data-list-finel" style="display:none">
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
           <!-- <li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> </li>-->
            <li class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span> <b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li class="active-list sidebar_calc_box4"><span>4. Vindues- / dørhuller (- areal)</span><b class="dimention1" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li class="active-list sidebar_calc_box5"><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-topprofil.jpg" alt="" title=""></li>
            <!--<li class=" sidebar_calc_box6_1"><span>6. Skinne system</span> <img src="" alt="" title=""></li>-->
            <li class="active-list sidebar_calc_box6"><span>6. Tilbehør</span> <img src="" alt="" title=""></li>
          </ul>
        </div>
        <div class="total-row">
           <style type="text/css">
  	 .tbl_custom_data span {
    padding: 0 0;
    /*font-size: 18px;*/
}
  </style>
          	          	<style>
.tbl_custom_data2 table {
  
  border-collapse: collapse;
  width: 100%;
}

.tbl_custom_data2 td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.tbl_custom_data2 th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  color: #333;
}

.tbl_custom_data2 tr.frist-tr{
  background-color: #dddddd !important;
}
.tbl_custom_data2 td:nth-child(3){text-align: right!important;}
.tbl_custom_data2 tr:nth-child(2n+1){background: rgb(245, 245, 245);}
</style>
  <div class="tbl_custom_data tbl_custom_data2" id="mydiv">
    <table id="" style="width:100%;" cellspacing="0" cellpadding="5" border="0">
      <thead>
        <tr class="frist-tr">
          <th >Beskrivelse</th>
          <!--<th>Antal </th>-->
          <th>Antal</th>
          <th>Pris </th>
          <!--<th>Total</th>-->
        </tr>
      </thead>
       <tbody>
            <tr>
                <td data-label="Beskrivelse" style="" >Loft/væg</td>
                <!--<td data-label="Antal" style=""> :</td>-->
                <td data-label="Antal"  style="" align="left" width="">
                                        <span id="total_area"></span> m2
                </td>
                <td data-label="Pris" style=""> </td>
            </tr> 
           <tr>
                <td data-label="Beskrivelse" style="" >Vinduer / døre</td>
                <!--<td data-label="Antal" style=""> :</td>-->
                <td data-label="Antal" style="" align="left" width="">
                                         <span id="vinduer_area"></span> m2
                </td>
                <td data-label="Pris" style=""> </td>
            </tr>
            <tr>
                <td data-label="Beskrivelse" style="" > <span id="product_titel_td"></span> <br /> <span id="product_sku_td"></span> </td>
                <!--<td data-label="Antal" style=""> :</td>-->
                <td data-label="Antal" style="" align="left" width="">
                   <!-- <input id="product_title" style="width: 100px;" name="product_title" readonly type="number" />-->
                    <span id="product_title"></span> stk. a <br /> <span id="product_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="product_price_total"></span> </td>
            </tr>
            <tr style="display:none;">
                <td data-label="Beskrivelse" style="" ><span id="screw_title_td"></span> <br /> <span id="screw_sku"></span></td>
                <!--<td data-label="Antal" style=""> :</td>-->
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="screw_title"></span> stk. a <br /> <span id="screw_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="screw_price_total"></span> </td>
            </tr>
            <tr id="accessories_information1">
            	<td id="accessories_information" colspan="4"></td>

                               </tr>
            <tr style="display:none;">
                <td data-label="Beskrivelse" style="" width="">Forskalling er ikke inkluderet i prisen</td>
                <!--<td data-label="Antal" style=""> :</td>-->
                <td data-label="Antal" style="" align="left" width="">
                   <!-- <input id="klemlister_title" style="width: 100px;" name="klemlister_title" readonly type="number" />-->
                     <span id="klemlister_title"></span> mtr.<br /> <span id="klemlister_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="klemlister_price_total"></span> </td>
            </tr>
            
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Main Tee White 3600 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_32x24x3600mm_title"></span> stk. a <br /> <span id="t24_32x24x3600mm_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_32x24x3600mm_price_total"></span> </td>
            </tr>
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Cross Tee White 1200 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_26x24x1200mm_title"></span> stk. a <br /> <span id="t24_26x24x1200mm_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_26x24x1200mm_price_total"></span> </td>
            </tr>
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Cross Tee White 600 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_26x24x600mm_title"></span> stk. a <br /> <span id="t24_26x24x600mm_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_26x24x600mm_price_total"></span> </td>
            </tr>
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Wall Angel White 3000 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_22x22x3000mm_title"></span> stk. a <br /> <span id="t24_22x22x3000mm_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_22x22x3000mm_price_total"></span> </td>
            </tr>
            
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Adjustable Hook 500 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_adjustable_hook_title"></span> stk. a <br /> <span id="t24_adjustable_hook_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_adjustable_hook_price_total"></span> </td>
            </tr>
            <tr style="display:none;" class="t24_data">
                <td data-label="Beskrivelse" style="" >Fibrotech T24 Explosion Screw</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="t24_explosion_screw_title"></span> stk. a <br /> <span id="t24_explosion_screw_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="t24_explosion_screw_price_total"></span> </td>
            </tr>
            
            

			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Main Runner 3000 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_60x27x3000_title"></span> stk. a <br /> <span id="c60_60x27x3000_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_60x27x3000_price_total"></span> </td>
            </tr>
			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Cross Runner 3000 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_70x27x3000_title"></span> stk. a <br /> <span id="c60_70x27x3000_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_70x27x3000_price_total"></span> </td>
            </tr>
			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Wall Angle 3000 mm</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_25x25x3000mm_title"></span> stk. a <br /> <span id="c60_25x25x3000mm_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_25x25x3000mm_price_total"></span> </td>
            </tr>
			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Main Runner Connector</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_main_runner_connector_title"></span> stk. a <br /> <span id="c60_main_runner_connector_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_main_runner_connector_price_total"></span> </td>
            </tr>
			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Cross Runner Connector</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_cross_runner_connector_title"></span> stk. a <br /> <span id="c60_cross_runner_connector_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_cross_runner_connector_price_total"></span> </td>
            </tr>
			<tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Main Hanger</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_main_hanger_title"></span> stk. a <br /> <span id="c60_main_hanger_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_main_hanger_price_total"></span> </td>
            </tr>
            <tr style="display:none;" class="c60_data">
                <td data-label="Beskrivelse" style="" >Fibrotech C60 Short Connection Clip</td>
               
                <td data-label="Antal" style="text-align: bottom;" align="left" width="">
                    <!--<input id="screw_title" style="width: 100px;" name="screw_title" readonly type="number" />-->
                    <span id="c60_short_connection_clip_titel"></span> stk. a <br /> <span id="c60_short_connection_clip_price"></span> 
                </td>
                <td data-label="Pris" style=""> <span id="c60_short_connection_clip_price_total"></span> </td>
            </tr>
            <tr>
                <td data-label="Total" class="totalll" style="font-weight: bold;" width="200">Total</td>
                <!--<td data-label="Antal" style=""> :</td>-->
               
                <td data-label="Pris" style="font-weight: bold; text-align: end;" colspan="2"> <span id="total_price"></span>, <span style="font-weight:normal;">inkl. moms</span></td>
            </tr>
            </tbody>
    </table>
    <p style="display:none;">Beregningen er kun vejledende og med forbehold for faktorer der påvirker udfaldet af beregningen. Det er på kundens eget ansvar at tjekke beregningen/antal.<br>
      Fragtpriser: Ab butik - 812,50 kr. Leveret til kantsten - 1.625,00 kr.</p>

      <form action="http://treetops.nordicwebmedia.dk/beregner/pdf/terrasse.php" method="post" name="form">
			      	<input id="pdfarea" name="pdfarea" type="hidden" value="" /> 
			      	<input id="pdfhojde" name="pdfhojde" type="hidden" value="" />
			    	  <input id="pdflangde" name="pdflangde" type="hidden" value="" />
			    	  <input id="pdfterrasse" name="pdfterrasse" type="hidden" value="" />
			  	    <input id="pdfstroe" name="pdfstroe" type="hidden" value="" /> 
			  	    <input id="pdfclips" name="pdfclips" type="hidden" value="" />
			  	    <input id="pdfafslutning" name="pdfafslutning" type="hidden" value="" />
				      <input id="pdfstartbeslag" name="pdfstartbeslag" type="hidden" value="" />
				      <input id="pdfslutbeslag" name="pdfslutbeslag" type="hidden" value="" /> 
				      <input id="pdffarve" name="pdffarve" type="hidden" value="" />
			        <input id="pdftotal" name="pdftotal" type="hidden" value="" />
			        <input id="pdftypeterrasse" name="pdftypeterrasse" type="hidden" value="" />
			        <input id="pdfclips_type" name="pdfclips_type" type="hidden" value="" />
			        <input id="pdftypeafslutning" name="pdftypeafslutning" type="hidden" value="" />
			        <input id="pdf_acc1_cnt" name="pdf_acc1_cnt" type="hidden" value="" />
			        <input id="pdf_acc2_cnt" name="pdf_acc2_cnt" type="hidden" value="" />
			        <input id="pdf_acc3_cnt" name="pdf_acc3_cnt" type="hidden" value="" /> 
			        <input id="pdf_acc4_cnt" name="pdf_acc4_cnt" type="hidden" value="" />
			        <input id="pdf_acc5_cnt" name="pdf_acc5_cnt" type="hidden" value="" />
			        <input style="font-size:14px;display: none;" type="button" id="sendtopdf" value="Print/Send beregningen" onclick="send_to_pdf()" />
			        <input style="font-size:14px;display: none;" type="button" value="Tilføj indkøbskurven" id="add_to_cart_btn" onclick="add_to_cart();"  />
        </form>

        <script type="text/javascript">
        	var $dialog;
    var ready_for_pdf = false;
    var pdfemail = '';
    var pdfphone = '';
    var pdfagree = 0;
    var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    var lengths_heights = [];
    var lengths_heights_w = [];
    var selected_method = "";
    var selected_product_id = 0;
    var screw_product_id=0;
    var selected_screw_id = 0;
    var selected_screw_price = 0;
    var selected_product_price = 0;
    var selected_product_area = 0;
    var accessories_amounts = [];
    var band_id = 50;//EPDB band
    var klemlister_id = 530;//klemlister

    var form_lengths = [];
    var form_widths = [];
    var selected_form_id = "";
    var switch_map_val = "0";
    var map_init=false;

    	jQuery("#submitBtn").click(function(){
			jQuery('.all-data-list-finel').hide();
 				   var area_gavl = 0;
            var area_facade = 0;
            var area_vinduer = 0;
            lengths_heights = [];
            lengths_heights_w = [];

            if (selected_method == 1)
            {
                jQuery("#facade_stykke_table tr").each(function()
                {
                    var cnt=0;
                    var length = 0;
                    var height = 0;
                    jQuery(this).find("td").each(function() {
						cnt++;
						let val = parseFloat(jQuery(this).find("input[type=number]").val()) || 0;
						if (cnt == 1) length = val;
						if (cnt == 2) height = val;
					});
                    var length_height = {length:length,height:height};
                    lengths_heights.push(length_height);
                    area_facade += length*height;
                });
            }
            else if (selected_method == 2)
            {
                jQuery("#gavl_trekant_table tr").each(function()
                {
                    var cnt=0;
                    var length = 0;
                    var height = 0;
                    jQuery(this).find("td").each(function()
					{
						cnt++;
						var val = jQuery(this).find("input[type=number]").val();
						val = parseFloat(val);
						val = isNaN(val) ? 0 : val; // If val is not a number, fallback to 0

						if (cnt == 2) qty = val;
						if (cnt == 3) width = val;
						if (cnt == 4) height = val;
					});
                    var length_height = {length:length,height:height};
                    lengths_heights.push(length_height);
                    area_gavl += length*height*0.5;
                });
            }

            jQuery("#vindues_table tr").each(function()
            {
                var cnt=0;
                var width = 0;
                var height = 0;
                var qty = 0;
                jQuery(this).find("td").each(function()
                {
                    cnt++;
					var val = jQuery(this).find("input[type=number]").val();
					val = parseFloat(val);
					val = isNaN(val) ? 0 : val; // If val is not a number, fallback to 0

                    if (cnt == 2) qty = val;
        			if (cnt == 3) width = val;
        			if (cnt == 4) height = val;
                });
                var length_height = {amount:qty,length:width,height:height};
                lengths_heights_w.push(length_height);
                area_vinduer += qty*width*height;
            });
			var skinee_system_radio=$('input[name="skinee_system_radio"]:checked').val();
			
            calc_accessories();

			//var hid_color = jQuery(".active-list.sidebar_calc_box66 img").attr("hid_color");									 
            jQuery.ajax({
                type: "POST",
                dataType: 'json',
                url:"/wp-content/themes/kallyas-child/templates/calculationter_new.php",
                data: {
                    "area_gavl": area_gavl,
                    "area_facade": area_facade,
                    "area_vinduer": area_vinduer,
                    "product_id": selected_product_id,
                    "product_area": selected_product_area,
                    "product_price": selected_product_price,
                    "accessories_amounts": accessories_amounts,
                    "lengths_heights": lengths_heights,
                    "lengths_heights_w": lengths_heights_w,
                    "screw_id": selected_screw_id,
                    "screw_price": selected_screw_price,
					"skinee_system_radio":skinee_system_radio,						
					
                },
                success: function(msg)
                {
					setTimeout(function() {
						console.log("scroll");
						$('html, body').animate({
						scrollTop: $("#renderCanvas").offset().top
						}, 2000);
					}, 1000);
                    /*var $accordion = jQuery("#accordion").accordion();
                    var current = $accordion.accordion("option","active"),
                        maximum = $accordion.find("h3").length,
                        next = current+1 === maximum ? 0 : current+1;
                    $accordion.accordion("option","active",next);*/
                    //do something - show results


                    /*console.log(jQuery("#mydiv").offset().top);

                    setTimeout(function()
                    {
                        jQuery('html, body').animate({
                            scrollTop: jQuery("#mydiv").offset().top-150
                        }, 500);
                    },1000);*/

                    var results = msg;
					
					if(results.skinee_system_radio_type == 'none'){
						jQuery('.t24_data').hide();
						jQuery('.c60_data').hide();

					}
					if(results.skinee_system_radio_type == 't24'){
						jQuery('.t24_data').show();
jQuery('.c60_data').hide();
						jQuery('#t24_32x24x3600mm_title').html(results.product1_qty);
						jQuery('#t24_32x24x3600mm_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product1_price));
						jQuery('#t24_32x24x3600mm_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price1));

						jQuery('#t24_26x24x1200mm_title').html(results.product2_qty);
						jQuery('#t24_26x24x1200mm_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product2_price));
						jQuery('#t24_26x24x1200mm_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price2));

						jQuery('#t24_26x24x600mm_title').html(results.product3_qty);
						jQuery('#t24_26x24x600mm_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product3_price));
						jQuery('#t24_26x24x600mm_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price3));

						jQuery('#t24_22x22x3000mm_title').html(results.product4_qty);
						jQuery('#t24_22x22x3000mm_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product4_price));
						jQuery('#t24_22x22x3000mm_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price4));

						jQuery('#t24_adjustable_hook_title').html(results.product5_qty);
						jQuery('#t24_adjustable_hook_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product5_price));
						jQuery('#t24_adjustable_hook_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price5));
						

						jQuery('#t24_explosion_screw_title').html(results.product6_qty);
						jQuery('#t24_explosion_screw_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product6_price));
						jQuery('#t24_explosion_screw_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price6));

					}
					if(results.skinee_system_radio_type == 'c60'){
						jQuery('.c60_data').show();
jQuery('.t24_data').hide();
						jQuery('#c60_60x27x3000_title').html(results.product1_qty);
						jQuery('#c60_60x27x3000_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product1_price));
						jQuery('#c60_60x27x3000_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price1));

						jQuery('#c60_70x27x3000_title').html(results.product2_qty);
						jQuery('#c60_70x27x3000_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product2_price));
						jQuery('#c60_70x27x3000_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price2));

						jQuery('#c60_25x25x3000mm_title').html(results.product3_qty);
						jQuery('#c60_25x25x3000mm_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product3_price));
						jQuery('#c60_25x25x3000mm_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price3));

						jQuery('#c60_main_runner_connector_title').html(results.product4_qty);
						jQuery('#c60_main_runner_connector_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product4_price));
						jQuery('#c60_main_runner_connector_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price4));

						jQuery('#c60_cross_runner_connector_title').html(results.product5_qty);
						jQuery('#c60_cross_runner_connector_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product5_price));
						jQuery('#c60_cross_runner_connector_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price5));
						

						jQuery('#c60_main_hanger_title').html(results.product6_qty);
						jQuery('#c60_main_hanger_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product6_price));
						jQuery('#c60_main_hanger_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price6));
						
						
							jQuery('#c60_short_connection_clip_titel').html(results.product7_qty);
						jQuery('#c60_short_connection_clip_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product7_price));
						jQuery('#c60_short_connection_clip_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'DKK' }).format(results.product_total_price7));


					}
					
					
                    jQuery("#total_area").text(results.total_area);
                    //jQuery("#gavl_area").val(results.gavl_area);
                    //jQuery("#facade_area").val(results.facade_area);
                    jQuery("#vinduer_area").text(results.vinduer_area);
                   // jQuery("#product_title").closest('tr').find('td:first').text(jQuery('*[data-product_id="'+selected_product_id+'"] label').text());
					 jQuery("#product_title").closest('tr').find('#product_titel_td').text(results.product_titel);
					 jQuery("#product_title").closest('tr').find('#product_sku_td').text("DB "+results.product_sku);
					 currency = (results.product_price * results.product_pieces).toFixed(2);
					
					 jQuery("#product_title").closest('tr').find('#product_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(currency));
                    jQuery("#product_title").text(results.product_pieces);
					jQuery("#product_price").text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(results.product_price));
					
                    jQuery("#total_price").text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(results.total_price));
					 jQuery("#totaltotl2").text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(results.total_price));
                    jQuery("#totaltotl").html(results.total_price);
					if(results.screws_count == 0)
					{
						 jQuery("#screw_title").closest('tr').css("display",'none');
					}
                    jQuery("#screw_title").text(results.screws_count);
                    jQuery("#screw_title").closest('tr').find('#screw_title_td').text(results.screw_title);
					 jQuery("#screw_title").closest('tr').find('#screw_sku').text("DB "+results.screw_sku);
					jQuery("#screw_title").closest('tr').find('#screw_price').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(results.screws_price));
					screws = (results.screws_price * results.screws_count).toFixed(2);
					
					
					jQuery("#screw_title").closest('tr').find('#screw_price_total').text(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(screws));
					
                    jQuery("#epdm_band_title").val(results.band_amount);
                    
					if(results.screws_product_id == "2185"){
						jQuery("#klemlister_title").parent('td').parent('tr').css("display",'none');
					}else{
						jQuery("#klemlister_title").parent('td').parent('tr').css("display",'none');
						jQuery("#klemlister_title").text(results.klemlister_amount);
					}
					
                    screw_product_id = results.screws_product_id;
jQuery(".accessories_information2").remove();
                    //var html = '<table>';
					var html = '';
                    for(var i=0;i<accessories_amounts.length;i++)
                    {
                        var total_price2 = parseFloat(Math.round(accessories_amounts[i].price*accessories_amounts[i].amount * 100) / 100).toFixed(2);
						total_price = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(total_price2);
						
						 acc_price = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(accessories_amounts[i].price);

                        html += '<tr class = "accessories_information2">';
                        html += '<td data-label="Beskrivelse"  style="">'+accessories_amounts[i].title+'<br> DB '+accessories_amounts[i].sku_p+'</td>'
                        html += '<!--<td data-label="Antal" style=""> :</td>-->';
                        html += '<td data-label="Antal" style="" align="left" width="25%"><span id="accessory_'+i+'">'+accessories_amounts[i].amount+' stk. a</span><br><span id="accessory_price_'+i+'">'+acc_price+' </span></td>';
                        html += '<td data-label="Pris" style="">'+total_price+'</td>';
                        html += '</tr>';
                    }
                    //html += '</table>';
					console.log(html);
                    //jQuery("#accessories_information").html(html);
                    //jQuery(".accessories_information2").remove();
                    jQuery(html).insertAfter("#accessories_information1");
                    jQuery("#accessories_information1").hide();
                    //topprofile();
                    jQuery('.calculator-box').hide();
										jQuery('.calculator-box.calculator-7').show();
                    //pdf1();
					
					
					 fencerowh = jQuery("#fencetype").val();
									  if(fencerowh == ''){
				  	  		vælgform= jQuery(".sidebar_calc_box3").find('img').attr('hidcolor');
				  	  		myJsonString={};
							var cnt_main=0;
							msg[34]=[{length: 2, heights: 13}];
			  	  		jQuery.each(msg[34],function(index,value){
				  		  	console.log(value.length);
				  		  	lengthss = value.length;
				  		  	myarr = {};
							
				  		  	for(i = 0; i < lengthss; i++){
				  		  		subArr = [];
				  		  		
				  		  		 subArr['heigth']=value.heights; 
				  		  		 subArr['lengthss']=lengthss;
				  		  		 myarr[i] = {'heigth':value.heights,'lengthss':lengthss,'f_row_type':'fence','color':vælgform};//subArr; //.push(Object.assign({}, subArr));
							}
								myJsonString[cnt_main]=myarr;
				  			cnt_main++;
				  	  	});
				  	 	myJsonString =JSON.stringify(myJsonString);
				  	    jQuery("#fencetype").val(myJsonString);
				  	  	//console.log(myJsonString);
				  	  	}else{
										//fencetypee = jQuery("#fencetype").val();
										//console.log(JSON.parse(fencetypee));
			
									}
									//console.log("16msg="+msg[16]);
									
									jQuery("#model").val(results.product_ids);
							msg[49]=results.fence_array;
							
							 myJsonStrings =JSON.stringify((results.fence_array));
							jQuery("#msgarr").val(myJsonStrings);
						jQuery("#instanceCounti").val(msg[49][0]['length']);
							
							 jQuery("#fencetype").val(myJsonStrings);
							 //jQuery("#hid_color").val(results.hid_color);
							 
							 
           
				  	  fencerowheight = jQuery("#fencetype").val();
				  	  if(fencerowheight != ''){
				   		 myfunction();
				     }	  
					
					
                }
            });


			
		});

 function PrintElem(elem)
    {
        Popup(jQuery(elem).html());
    }
    function Popup(data)
    {
        var mywindow = window.open('', 'my div', 'height=400,width=600');
        mywindow.document.write('<html><head><title>my div</title>');
        mywindow.document.write('</head><body >');
        mywindow.document.write(data);
        mywindow.document.write('</body></html>');
        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10
        mywindow.print();
        mywindow.close();
        return true;
    }
    

    function calc_accessories()
    {
        accessories_amounts = [];

        jQuery(".select_accessories input[type=number]").each(function()
        {
			
        	console.log(selected_product_id);
			 var product_id = jQuery(this).data("tilbehor_product_id");
			/**/
			
			/**/
			if(product_id == "936" || product_id == "935"){
				 if((selected_product_id == "913" || selected_product_id == "910" || selected_product_id == "914" || selected_product_id == "912" ||selected_product_id == "911" ||selected_product_id == "909" || selected_product_id == "934" || selected_product_id == "933" || selected_product_id == "932" || selected_product_id == "931") && (product_id == "936" || product_id == "935" || product_id == "2448")){
					 
					 if (jQuery(this).parent('center').parent('.product_item').hasClass('active')){
					 var product_id = jQuery(this).data("tilbehor_product_id");
					var variation_id = jQuery(this).data("tilbehor_product_variation_id");
					var price = jQuery(this).data("tilbehor_product_price");
					var sku_p = jQuery(this).data("tilbehor_product_sku");
					var amount = jQuery(this).val();
					console.log(amount);
					var accessory = {};
					if (amount>0) {
						accessory.product_id = product_id;
						accessory.variation_id = variation_id;
						accessory.price = price;
						accessory.amount = amount;
						accessory.sku_p = sku_p;
						accessory.title = jQuery(this).closest("div").text();
						accessories_amounts.push(accessory);
					}
					}
				}
				
			}else{
				if (jQuery(this).parent('center').parent('.product_item').hasClass('active')){
				var product_id = jQuery(this).data("tilbehor_product_id");
				var variation_id = jQuery(this).data("tilbehor_product_variation_id");
				var price = jQuery(this).data("tilbehor_product_price");
				var amount = jQuery(this).val();
				var sku_p = jQuery(this).data("tilbehor_product_sku");
				console.log(amount);
				var accessory = {};
				if (amount>0) {
					accessory.product_id = product_id;
					accessory.variation_id = variation_id;
					accessory.price = price;
					accessory.amount = amount;
					accessory.sku_p = sku_p;
					accessory.title = jQuery(this).closest("div").text();
					accessories_amounts.push(accessory);
				}
			}
			}
			
            
        });
        console.log(accessories_amounts);
    }
    function guid() {
            function s4() {
                return Math.floor((1 + Math.random()) * 0x10000)
                    .toString(16)
                    .substring(1);
            }
            return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
                s4() + '-' + s4() + s4() + s4();
        }
function send_to_pdf()
        {
            calc_accessories();
            if (!ready_for_pdf)
            {
            	
                jQuery("#dialog").html('');
                var url = '/wp-content/themes/kallyas-child/templates/email_dialog.php?unique='+guid();
                //console.log(url);
                jQuery("#dialog").load(url, function(data)
                {
                    $dialog = jQuery('<div></div>').html(data).dialog({autoOpen: false,modal: true,height: 400,width: 600,title: "Send PDF"});
                    $dialog.dialog('open');
                    jQuery("div.ui-dialog button.ui-dialog-titlebar-close").each(function()
                    {
                        console.log(jQuery(this));
                        jQuery(this).html("x")
                    });
                });
                return false;
            }

            jQuery.ajax({
                type: "POST",
                dataType: 'json',
                url:"/create_pdf.php",
                data: {
                    "product_id": selected_product_id,
                    "product_amount": jQuery("#product_title").text(),
                    "screws_product_id": screw_product_id,
                    "screws_amount": jQuery("#screw_title").text(),
                    "accessories_amounts": accessories_amounts,
                    "total_area": jQuery("#total_area").text(),
                    "gavl_area": jQuery("#gavl_area").text(),
                    "facade_area": jQuery("#facade_area").text(),
                    "vinduer_area": jQuery("#vinduer_area").text(),
                    "total_price": jQuery("#total_price").text(),
                    "band_id": band_id,
                    "band_amount": jQuery("#epdm_band_title").text(),
                    "klemlister_id": klemlister_id,
                    "klemlister_amount": jQuery("#klemlister_title").text(),
					"t24_32x24x3600mm_title": jQuery("#t24_32x24x3600mm_title").text(),
					"t24_32x24x3600mm_price": jQuery("#t24_32x24x3600mm_price").text(),
					"t24_32x24x3600mm_price_total": jQuery("#t24_32x24x3600mm_price_total").text(),
					"t24_26x24x1200mm_title": jQuery("#t24_26x24x1200mm_title").text(),
					"t24_26x24x1200mm_price": jQuery("#t24_26x24x1200mm_price").text(),
					"t24_26x24x1200mm_price_total": jQuery("#t24_26x24x1200mm_price_total").text(),
					"t24_26x24x600mm_title": jQuery("#t24_26x24x600mm_title").text(),
					"t24_26x24x600mm_price": jQuery("#t24_26x24x600mm_price").text(),
					"t24_26x24x600mm_price_total": jQuery("#t24_26x24x600mm_price_total").text(),
					"t24_22x22x3000mm_title": jQuery("#t24_22x22x3000mm_title").text(),
					"t24_22x22x3000mm_price": jQuery("#t24_22x22x3000mm_price").text(),
					"t24_22x22x3000mm_price_total": jQuery("#t24_22x22x3000mm_price_total").text(),
					"t24_adjustable_hook_title": jQuery("#t24_adjustable_hook_title").text(),
					"t24_adjustable_hook_price": jQuery("#t24_adjustable_hook_price").text(),
					"t24_adjustable_hook_price_total": jQuery("#t24_adjustable_hook_price_total").text(),
					"t24_explosion_screw_title": jQuery("#t24_explosion_screw_title").text(),
					"t24_explosion_screw_price": jQuery("#t24_explosion_screw_price").text(),
					"t24_explosion_screw_price_total": jQuery("#t24_explosion_screw_price_total").text(),
					"c60_60x27x3000_title": jQuery("#c60_60x27x3000_title").text(),
					"c60_60x27x3000_price": jQuery("#c60_60x27x3000_price").text(),
					"c60_60x27x3000_price_total": jQuery("#c60_60x27x3000_price_total").text(),
					"c60_70x27x3000_title": jQuery("#c60_70x27x3000_title").text(),
					"c60_70x27x3000_price": jQuery("#c60_70x27x3000_price").text(),
					"c60_70x27x3000_price_total": jQuery("#c60_70x27x3000_price_total").text(),
					"c60_25x25x3000mm_title": jQuery("#c60_25x25x3000mm_title").text(),
					"c60_25x25x3000mm_price": jQuery("#c60_25x25x3000mm_price").text(),
					"c60_25x25x3000mm_price_total": jQuery("#c60_25x25x3000mm_price_total").text(),
					"c60_main_runner_connector_title": jQuery("#c60_main_runner_connector_title").text(),
					"c60_main_runner_connector_price": jQuery("#c60_main_runner_connector_price").text(),
					"c60_main_runner_connector_price_total": jQuery("#c60_main_runner_connector_price_total").text(),
					"c60_cross_runner_connector_title": jQuery("#c60_cross_runner_connector_title").text(),
					"c60_cross_runner_connector_price": jQuery("#c60_cross_runner_connector_price").text(),
					"c60_cross_runner_connector_price_total": jQuery("#c60_cross_runner_connector_price_total").text(),
					"c60_main_hanger_title": jQuery("#c60_main_hanger_title").text(),
					"c60_main_hanger_price": jQuery("#c60_main_hanger_price").text(),
					"c60_main_hanger_price_total": jQuery("#c60_main_hanger_price_total").text(),
					
					"c60_short_connection_clip_titel": jQuery("#c60_short_connection_clip_titel").text(),
					"c60_short_connection_clip_price": jQuery("#c60_short_connection_clip_price").text(),
					"c60_short_connection_clip_price_total": jQuery("#c60_short_connection_clip_price_total").text(),
					"skinee_system_radio" : jQuery('input[name="skinee_system_radio"]:checked').val(),
					"products_sku": jQuery("#product_sku_td").text(),
                    "pdfemail": pdfemail,
                    "pdfphone": pdfphone,
                    "pdfagree": pdfagree,
					"pagename": "kalkylator"
                },
                success: function(msg)
                {
                    var results = msg;
                    console.log(msg);
                    console.log(msg.pdf_link);
                    /*var link = document.createElement('a');
                    link.href = results.pdf_link;
                    link.download = results.pdf_link;
                    link.dispatchEvent(new MouseEvent('click'));
                    */
                    window.open(results.pdf_link, '_blank');
                    $dialog.dialog("close");
                }
            });
        }
        function add_to_cart()
        {
            calc_accessories();
            jQuery.ajax({
                type: "POST",
                dataType: 'json',
                url:"/wp-content/themes/kallyas-child/templates/add_to_cart.php",
                data: {
                    "product_id": selected_product_id,
                    "product_amount": jQuery("#product_title").val(),
                    "screws_product_id": screw_product_id,
                    "screws_amount": jQuery("#screw_title").val(),
                    "accessories_amounts": accessories_amounts,
                    "band_id": band_id,
                    "band_amount": jQuery("#epdm_band_title").val(),
                    //"klemlister_id": klemlister_id,
                    //"klemlister_amount": jQuery("#klemlister_title").val()
                },
                success: function(msg)
                {
                    var results = msg;
                    
                    window.location.href = "/kurv/";
                }
            });
        }
        </script>

  </div>
          <div class="button-row">
              <button type="button" id="print_send">Print/Send beregningen</button>
              <button type="button" id="fuldskaerm">Fuldskærm 3D</button>
              <button type="button" id="nulstil">Nulstil</button>
              <button type="button" id="addtocart" style="display:none;">Tilføj indkøbskurven</button>
            </div>
         <p style="text-align: center;margin: 4px 0;opacity: 0.8;padding:0;font-size:14px; margin-top:10px; display:inline-block;">Beregningen er kun vejledende og med forbehold for faktorer der påvirker udfaldet af beregningen. Det er på kundens eget ansvar at tjekke beregningen/antal</p>
        </div>
       
      </div>
    </div>
    
    <div class="col-8 fullwidth">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <div class="show-3d">
                        <style type="text/css">
              	.minimizebutton{
              		width: 4%;
              		top: 22px;
				    /* float: left; */
				    padding-left: 21px;
				    position: absolute;
				    z-index: 99999;
				    left: 30px;
              	}
					.show-3d .show-3d-box .mouse_gest {
  position: absolute;
   right: 50px;
    top: 30px;
   
}
              </style>
            <div class="show-3d-box"> 
            <img class="minimizebutton" src="https://kirkedalkomposit.dk/wp-content/uploads/2022/02/minimize.png" alt="" title="" style="display: none;">
             <img class="mouse_gest" src="https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/mouse-gestures.png" alt="" title="" width="50px">
            </div>
             <canvas class="renderCanvas" id="renderCanvas" touch-action="none" style=" width: 100% !important; "></canvas>
          </div>
        </div>
      </div>
    </div>
  </div>
  <style type="text/css">
  .show-3d .show-3d-box .mouse_gest {
  position: absolute;
   right: 50px;
    top: 30px;
   
}
  	 .tbl_custom_data span {
    padding: 0 0;
    /*font-size: 18px;*/
}
  </style>
  <div class="calculator-contact-box modal-vo">
  	<div class="col-8 fullwidth">
      <div class="ccb-text">
        <div class="ccb-text-box">
        	
          <div class="show-3d">
          	 <!--<a href="javascript:void(0)" class="back-button" id="back_id_type8" style="display: none;">Tilbage</a>-->
                        <div class="show-3d-box"> 
                        <img class="minimizebutton" src="https://kirkedalkomposit.dk/wp-content/uploads/2022/02/minimize.png" alt="" title="" style="display: none;">
            <img class="mouse_gest" src="https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/mouse-gestures.png" alt="" title="" width="50px">
            </div>
             <canvas class="renderCanvas" id="renderCanvas" touch-action="none" style=" width: 100% !important; "></canvas>
          </div>
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
           <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
            <li class="active-list sidebar_calc_box1"><span>2. Vælg form</span> <img src="https://kirkedalkomposit.dk/wp-content/images/form3.jpg" alt="" title=""></li>
            <!--<li class="active-list sidebar_calc_box2"><span>3. Gavl trekant</span> </li>-->
            <li class="active-list sidebar_calc_box3"><span>3. Loft/Væg</span><b class="dimention" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li class="active-list sidebar_calc_box4"><span>4. Vindues- / dørhuller (- areal)</span> <b class="dimention1" style="  ">A:5X6 B: 5X4 A:5X6 B: 5X4 A:5X6 B: 5X4</b></li>
            <li  class="active-list sidebar_calc_box5"><span>5. Vælg produkt</span> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/vaelg-topprofil.jpg" alt="" title=""></li>
           <!-- <li class="active-list sidebar_calc_box6_1"><span>6. Skinne system</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title=""></li>-->
            <li class="Vælgtilbehor"><span>6. Tilbehør</span> <img style="display:none;" src="" alt="" title=""></li>
            
          </ul>
        </div>
         <div class="total-row">
            <div class="te-price"> Total <br><span id="totaltotl2" ></span> </div>
           <div class="button-row">
              <button type="button" id="print_send">Print/Send beregningen</button>
              <button type="button" id="fuldskaerm">Fuldskærm 3D</button>
              <button type="button" id="nulstil">Nulstil</button>
              <button type="button" id="addtocart" style="display:none;">Tilføj indkøbskurven</button>
            </div>
      </div>
    </div>
    <script>
  	// $(".all-data-list-finel").hide();	
	jQuery(document).on("click",'li.down-arrow-list',function(){
  	//$("li.down-arrow-list").click(function(){

  	$(".all-data-list-finel").toggle();	
  	});
	jQuery(document).on("click",'#testdemo',function(){
	//jQuery('#testdemo').click(function(){
	jQuery(".modal-vo").find(".renderCanvas").remove();	

jQuery(".modal-vo").find(".show-3d-box").after('<canvas class="renderCanvas" id="renderCanvas" touch-action="none" style=" width: 100% !important;"></canvas>');	
		
	flipfance = jQuery('#flipfance').val();
	if(flipfance == 0)
	{
	jQuery('input#flipfance').val(1);	
	jQuery('.btn_beregn').trigger('click');
	}else{
	jQuery('input#flipfance').val(0);
	jQuery('.btn_beregn').trigger('click');	
	}
	});
  </script>
    
  </div>
  
</div>
</div>
<div class="calculator-box calculator-8" style="display:none">
  <div class="calculator-contact-box">
    <div class="col-4">
      <div class="ccb-list">
        <div class="ccb-list-box">
          <h2>DIT VALG</h2>
          <ul>
            <li class="active-list"><span>1. Serie / Træbeton</span> <!--<img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg" alt="" title="">--></li>
          </ul>
          <div class="serie-alu-hegn">
            <div class="serie-img"> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/serie-1.jpg" alt="" title=""> </div>
            <div class="serie-img"> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/serie-2.jpg" alt="" title=""> </div>
            <div class="serie-img"> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/serie-3.jpg" alt="" title=""> </div>
            <div class="serie-img"> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/serie-4.jpg" alt="" title=""> </div>
          </div>
        </div>
        <div class="total-row">
          <div class="te-price"> Total <span>26.244,60</span> </div>
          <div class="button-row">
            <button>Print/Send beregningen</button>
            <button>Tilføj indkøbskurven</button>
          </div>
        </div>
      </div>
    </div>
    <div class="col-8">
      <div class="ccb-text">
        <div class="ccb-text-box">
          <div class="show-3d">
                        <div class="show-3d-box"> <img src="https://kirkedalkomposit.dk/wp-content/uploads/2021/07/show-3d.jpg" alt="" title=""> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="tbl_custom_data">
    <table id="" style="width:100%;" cellspacing="0" cellpadding="5" border="0">
      <thead>
        <tr>
          <th>Beskrivelse</th>
          <th>Antal </th>
          <th>Antal</th>
          <th>Pris </th>
          <th>Total</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"></td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td data-label="Beskrivelse">Profil</td>
          <td data-label="Antal">132 stk. a K1</td>
          <th data-label="Antal"> 1826497</th>
          <td data-label="Pris"> 123,95 DDK</td>
          <td data-label="Total">16.757,40 EUR</td>
        </tr>
        <tr>
          <td style="text-align: left;">Total</td>
          <td colspan="4" style="text-align: right;"><span>26.244,60</span> EUR inkl. moms</td>
        </tr>
      </tbody>
    </table>
    <p>Beregningen er kun vejledende og med forbehold for faktorer der påvirker udfaldet af beregningen. Det er på kundens eget ansvar at tjekke beregningen/antal.<br>
      Fragtpriser: Ab butik - 812,50 kr. Leveret til kantsten - 1.625,00 kr.<br>
      1 colli = 4 hegnsprofiler</p>
  </div>
</div>


<script>
jQuery(document).ready(function(){

 

	vaelgform = jQuery('#Volgform img').attr('src');
	jQuery('.calculator-box.calculator-1 .vaelg-form ul li').click(function(){
		selected_method = jQuery(this).attr("data-method");
		console.log(selected_method);
		row = selected_method;
				row_set = selected_method;
	  var delta = 1;
	  if (selected_method == "1") delta = 2;
	  if(delta == 2){
	  	jQuery('.calculator-box').hide();
		jQuery('.calculator-box.calculator-3').show();
	  }else if(delta == 1){
	  	jQuery('.calculator-box').hide();
		jQuery('.calculator-box.calculator-2').show();
	  }
		vaelgform = jQuery(this).find('img').attr('src');
		console.log(vaelgform);
		jQuery('#Volgform img').attr('src',vaelgform);
		jQuery('.sidebar_calc_box1').find('img').attr('src',vaelgform);
		jQuery('#Volgform img').show();
		jQuery('.indsaet-dimensioner').find('img').attr('src',vaelgform);
		
	});



	jQuery('.btn_next').click(function(){
		
		form_heights = [];
    form_lengths = [];
    i = 0;
		
		jQuery(".dimensioner-form #Gavl_div #gavl_trekant_table .form-control").each(function() {
			
			jQuery(this).css("border","1px solid #ccc");
			 if (jQuery(this).val() == "")
        {
            all_inputs_filled = false;
            jQuery(this).css("border","1px solid red");
        }
        else
        {
        	if (i === 0) {
         			form_heights.push(jQuery(this).val().replace(',','.'));
        }
        else if (i % 2 === 0) {
                form_heights.push(jQuery(this).val().replace(',','.'))
        }
        else {
                form_lengths.push(jQuery(this).val().replace(',','.'));
        }
            
        }
					//console.log(jQuery(this).val());
					 /*if (all_inputs_filled)
            {
                var $accordion = jQuery("#accordion").accordion();

                var current = $accordion.accordion("option","active"),
                    maximum = $accordion.find("h3").length,
                    next = current+1 === maximum ? 0 : current+1;

                $accordion.accordion("option","active",next);
            }*/
					i++;
		});
		console.log("------");
		console.log(form_heights);
		console.log(form_lengths);
		console.log("------");
		
							var heightt_width_strr= new Array();
							var heightt_width_strer = new Array();
							var pdf_hidden_data='';
							temp = new Array();
							h = form_heights.toString();
							temp = h.split(",");
							lengths = new Array();
							l= form_lengths.toString();
							//console.log(h);
							//console.log(l);
							lengths = l.split(",");
							console.log(lengths[0]);
							side_cnt =0;
							cuuarray = ['A','B','C','D','E','F','G','H'];
							jQuery(".sidebar_calc_box2").find('.dimention').html('<ul class="myarraydata" style="padding:0;margin:0;"></ul>');
							jQuery.each( temp, function( key, value ) {
								
									
									
										heightt_width_strr[key]=value+'X'+lengths[key];
										//console.log(heightt_width_str);

										heightt_width_strer[key]='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+value+'X'+lengths[key]+'</li>';
										heightt_width_strerr='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+value+'X'+lengths[key]+'</li>';
										 jQuery(".myarraydata").append(heightt_width_strerr);
										side_cnt++;
									
								});
								
								splitheight = heightt_width_strr.toString();
								/*datata = heightt_width_strer.toString();
								datata.replace(",","");
								//datata.replace(",", "");*/
								
								//heightt_width_strer.split(",");
							console.log(splitheight);
    			//Vælgform = jQuery(".dimensioner-form .activee .hidPost").val();
		  		jQuery(".sidebar_calc_box2").find('span').attr("heightt_width_strr",splitheight);
					jQuery(".sidebar_calc_box2").find('span').attr("form_heights",form_heights);
					jQuery(".sidebar_calc_box2").find('span').attr("form_lengths",form_lengths);
					//jQuery(".sidebar_calc_box2").find('span').attr("Vælgform",Vælgform);
					//jQuery(".sidebar_calc_box2").find('.dimention').html('<ul class="myarraydata" style="padding:0;margin:0;">'+datata.replace(",","")+'</ul>');
					
					 row_length = form_lengths;
					 row_height = form_heights;

		jQuery('.calculator-box').hide();
		//console.log("hii");
		jQuery('.calculator-box.calculator-4').show();

			//var delta = 1;
//          if (jQuery("#gavl_trekant_table").parents("table").attr('id') == "Gavl_div" && selected_method == "2") delta = 2;
//
//            var all_inputs_filled = true;
//            //|| jQuery(this).parents("table").prev("div").attr("id") == "Facade_div" || jQuery(this).parents("table").prev("div").attr("id") == "Vindues_div"
//          console.log(jQuery("#gavl_trekant_table").parents("table").attr('id'));
//        if (jQuery("#gavl_trekant_table").parents("table").attr('id') == "Gavl_div" )
//            { 
//                jQuery("#gavl_trekant_table").parents("table").find("input[type=number]").each(function()
//                {		
//                    if (jQuery(this).val() == "" || jQuery(this).val() == undefined)
//                    {
//                    		console.log(jQuery(this).val());
//                        jQuery(this).css("border","1px dashed red");
//
//                        all_inputs_filled = false;
//                    }
//                    else{
//                    	console.log(jQuery(this).val());
//                    		jQuery(this).css("border","1px solid #cccccc");
//                    } 
//                });
//            }
//            console.log(all_inputs_filled);
//            if (all_inputs_filled)
//            {
//               	jQuery('.calculator-box').hide();
//								jQuery(this).parent('.calculator-box').next('.calculator-box').next('.calculator-box').show();
//            }
//            console.log(delta);
//	
		
	});
	jQuery(".btn_tilbage").click(function(){
				jQuery(".active-list.sidebar_calc_box1").trigger("click");
		});
		
		jQuery(".btn_tilbage_pre").click(function(){
				jQuery(".active-list.sidebar_calc_box3").trigger("click");
		});	
		
		jQuery(".btn_tilbage_skinne_section").click(function(){
		jQuery(".active-list.sidebar_calc_box5").trigger("click");
	});
	
	jQuery(".nextBtn_skinne_section").click(function(){
		jQuery('.calculator-box').hide();
		//console.log("hii");
		jQuery('.calculator-box.calculator-6').show();
	});	

	jQuery('.nextBtn_form').click(function(){
		
		form_heights = [];
    form_lengths = [];
    i = 0;

		jQuery(".dimensioner-form #Facade_div #facade_stykke_table .form-control").each(function() {
			
			jQuery(this).css("border","1px solid #ccc");
			 if (jQuery(this).val() == "")
        {
            all_inputs_filled = false;
            jQuery(this).css("border","1px solid red");
        }
        else
        {
        	if (i === 0) {
         			form_heights.push(jQuery(this).val().replace(',','.'));
        }
        else if (i % 2 === 0) {
                form_heights.push(jQuery(this).val().replace(',','.'))
        }
        else {
                form_lengths.push(jQuery(this).val().replace(',','.'));
        }
            
        }
					//console.log(jQuery(this).val());
					 /*if (all_inputs_filled)
            {
                var $accordion = jQuery("#accordion").accordion();

                var current = $accordion.accordion("option","active"),
                    maximum = $accordion.find("h3").length,
                    next = current+1 === maximum ? 0 : current+1;

                $accordion.accordion("option","active",next);
            }*/
					i++;
		});
		console.log("------");
		console.log(form_heights);
		console.log(form_lengths);
		console.log("------");
		
							var heightt_width_strr= new Array();
							var heightt_width_strer = new Array();
							var pdf_hidden_data='';
							temp = new Array();
							h = form_heights.toString();
							temp = h.split(",");
							lengths = new Array();
							l= form_lengths.toString();
							//console.log(h);
							//console.log(l);
							lengths = l.split(",");
							console.log(lengths[0]);
							side_cnt =0;
							cuuarray = ['A','B','C','D','E','F','G','H'];
							jQuery(".sidebar_calc_box3").find('.dimention').html('<ul class="myarraydata" style="padding:0;margin:0;"></ul>');
							jQuery.each( temp, function( key, value ) {
								
									
									
										heightt_width_strr[key]=value+'X'+lengths[key];
										//console.log(heightt_width_str);

										heightt_width_strer[key]='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+value+'X'+lengths[key]+'</li>';
										heightt_width_strerr='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+value+'X'+lengths[key]+'</li>';
										 jQuery(".myarraydata").append(heightt_width_strerr);
										side_cnt++;
									
								});
								
								splitheight = heightt_width_strr.toString();
								/*datata = heightt_width_strer.toString();
								datata.replace(",","");
								//datata.replace(",", "");*/
								
								//heightt_width_strer.split(",");
							console.log(splitheight);
    			//Vælgform = jQuery(".dimensioner-form .activee .hidPost").val();
		  		jQuery(".sidebar_calc_box3").find('span').attr("heightt_width_strr",splitheight);
					jQuery(".sidebar_calc_box3").find('span').attr("form_heights",form_heights);
					jQuery(".sidebar_calc_box3").find('span').attr("form_lengths",form_lengths);
					//jQuery(".sidebar_calc_box2").find('span').attr("Vælgform",Vælgform);
					//jQuery(".sidebar_calc_box2").find('.dimention').html('<ul class="myarraydata" style="padding:0;margin:0;">'+datata.replace(",","")+'</ul>');
					
					 row_length = form_lengths;
					 row_height = form_heights;

		jQuery('.calculator-box').hide();
		//console.log("hii");
		jQuery('.calculator-box.calculator-4').show();
		//jQuery(".ingen_vindues").trigger("click");
		
								
		
	//		var delta = 1;
//          if (jQuery("#facade_stykke_table").parents("table").attr('id') == "Facade_div" && selected_method == "2") delta = 2;
//
//            var all_inputs_filled = true;
//            //|| jQuery(this).parents("table").prev("div").attr("id") == "Facade_div" || jQuery(this).parents("table").prev("div").attr("id") == "Vindues_div"
//          console.log(jQuery("#facade_stykke_table").parents("table").attr('id'));
//        if (jQuery("#facade_stykke_table").parents("table").attr('id') == "Facade_div" )
//            { 
//                jQuery("#facade_stykke_table").parents("table").find("input[type=number]").each(function()
//                {		
//                    if (jQuery(this).val() == "" || jQuery(this).val() == undefined)
//                    {
//                    		console.log(jQuery(this).val());
//                        jQuery(this).css("border","1px dashed red");
//
//                        all_inputs_filled = false;
//                    }
//                    else{
//                    	console.log(jQuery(this).val());
//                    		jQuery(this).css("border","1px solid #cccccc");
//                    } 
//                });
//            }
//            console.log(all_inputs_filled);
//            if (all_inputs_filled)
//            {
//               	jQuery('.calculator-box').hide();
//								jQuery('.calculator-box.calculator-4').show();
//            }
//			
			

	jQuery('#totop').click();	
	});
	jQuery('.nextBtn_formvindues').click(function(){
		
		
		form_antal = [];
		form_heights = [];
    form_lengths = [];
    i = 0;

		jQuery(".dimensioner-form #Vindues_div #vindues_table .form-control").each(function() {
			
			jQuery(this).css("border","1px solid #ccc");
			 if (jQuery(this).val() == "")
        {
            all_inputs_filled = false;
            jQuery(this).css("border","1px solid red");
        }
        else
        {
        	if(i <= 2){
				if (i === 0) {
							form_antal.push(jQuery(this).val().replace(',','.'));
				}
				else if (i % 2 === 0) {
						form_lengths.push(jQuery(this).val().replace(',','.'))
						
				}
				else {
						form_heights.push(jQuery(this).val().replace(',','.'));
				}
			}
			else{
				i=0;
				if (i === 0) {
							form_antal.push(jQuery(this).val().replace(',','.'));
				}
				else if (i % 2 === 0) {
						form_lengths.push(jQuery(this).val().replace(',','.'))
						
				}
				else {
						form_heights.push(jQuery(this).val().replace(',','.'));
				}
				
			}
            
        }
					//console.log(jQuery(this).val());
					 /*if (all_inputs_filled)
            {
                var $accordion = jQuery("#accordion").accordion();

                var current = $accordion.accordion("option","active"),
                    maximum = $accordion.find("h3").length,
                    next = current+1 === maximum ? 0 : current+1;

                $accordion.accordion("option","active",next);
            }*/
					i++;
		});
		console.log("----");
		console.log(form_antal);
		console.log(form_heights);
		console.log(form_lengths);
		console.log("----");
		

						var heightt_width_strr= new Array();
							var heightt_width_strer = new Array();
							var pdf_hidden_data='';
							temp = new Array();
							h = form_heights.toString();
							temp = h.split(",");
							lengths = new Array();
							l= form_lengths.toString();
							//console.log(h);
							//console.log(l);
							lengths = l.split(",");
							console.log(lengths[0]);
							antal =new Array();
							a = form_antal.toString();
							antals = a.split(",");
							antal = antals
							
							side_cnt =0;
							cuuarray = ['A','B','C','D'];
							jQuery(".sidebar_calc_box4").find('.dimention1').html('<ul class="myarraydata1" style="padding:0;margin:0;"></ul>');
							jQuery.each( temp, function( key, value ) {
								
									
									
										heightt_width_strr[key]=antal[key]+'X'+value+'X'+lengths[key];
										//console.log(heightt_width_str);
heightt_width_strer[key]='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+antal[key]+'X'+value+'X'+lengths[key]+'</li>';
										heightt_width_strerr='<li style="height:unset;    margin: 0;background-color: #f4f4f4;    margin-top: -5px;box-shadow: none;">'+cuuarray[key]+' : '+antal[key]+'X'+value+'X'+lengths[key]+'</li>';
										 jQuery(".myarraydata1").append(heightt_width_strerr);
										side_cnt++;
									
								});

						//	console.log(heightt_width_strr);
							splitheight = heightt_width_strr.toString();
								/*datata = heightt_width_strer.toString();
								datata.replace(",","");
								//datata.replace(",", "");*/
								
								//heightt_width_strer.split(",");
							console.log(splitheight);
    			Vælgform = jQuery(".dimensioner-form .activee .hidPost").val();
		  		jQuery(".sidebar_calc_box4").find('span').attr("heightt_width_strr",splitheight);
				jQuery(".sidebar_calc_box4").find('span').attr("form_antal",form_antal);
					jQuery(".sidebar_calc_box4").find('span').attr("form_heights",form_heights);
					jQuery(".sidebar_calc_box4").find('span').attr("form_lengths",form_lengths);
					jQuery(".sidebar_calc_box4").find('span').attr("Vælgform",Vælgform);
					//jQuery(".sidebar_calc_box2").find('.dimention').html('<ul class="myarraydata" style="padding:0;margin:0;">'+datata.replace(",","")+'</ul>');
					
					 row_length = form_lengths;
					 row_height = form_heights;

		jQuery('.calculator-box').hide();
		jQuery('.calculator-box.calculator-5').show();
		
		
		
//
//		 var delta = 1;
//          if (jQuery("#vindues_table").parents("table").attr('id') == "Vindues_div" && selected_method == "2") delta = 2;
//
//            var all_inputs_filled = true;
//            //|| jQuery(this).parents("table").prev("div").attr("id") == "Facade_div" || jQuery(this).parents("table").prev("div").attr("id") == "Vindues_div"
//          console.log(jQuery("#vindues_table").parents("table").attr('id'));
//        if (jQuery("#vindues_table").parents("table").attr('id') == "Vindues_div" )
//            { 
//                jQuery("#vindues_table").parents("table").find("input[type=number]").each(function()
//                {		
//                    if (jQuery(this).val() == "" || jQuery(this).val() == undefined)
//                    {
//                    		console.log(jQuery(this).val());
//                        jQuery(this).css("border","1px dashed red");
//
//                        all_inputs_filled = false;
//                    }
//                    else{
//                    	console.log(jQuery(this).val());
//                    		jQuery(this).css("border","1px solid #cccccc");
//                    } 
//                });
//            }
//            console.log(all_inputs_filled);
//            if (all_inputs_filled)
//            {
//               jQuery('.calculator-box').hide();
//								jQuery('.calculator-box.calculator-5').show();
//            }

		
	});
	jQuery(".ingen_vindues").click(function()
        {
            jQuery("#vindues_table input[type=number]").val("");
             jQuery('.calculator-box').hide();
								jQuery('.calculator-box.calculator-5').show();
           
        });

	 jQuery(".select_product").click(function()
        {
            selected_product_id = jQuery(this).data("product_id");
            selected_product_price = jQuery(this).data("product_price");
            selected_product_area = jQuery(this).data("product_area");
            img = jQuery(this).find('img').attr('src');
            jQuery(".sidebar_calc_box5").find('img').attr("src",img).attr("pid",selected_product_id);
            console.log(selected_product_id);
            console.log(selected_product_price);
            console.log(selected_product_area);
           // if(selected_product_id == "2443",2440,2444,2442,2441,2409,3388,3387,3386,3372)
		    if(selected_product_id == "913" || selected_product_id == "910" || selected_product_id == "914" || selected_product_id == "912" ||selected_product_id == "911" ||selected_product_id == "909" || selected_product_id == "934" || selected_product_id == "933" || selected_product_id == "932" || selected_product_id == "931"){
				jQuery("input[id='Acc1']").parent('center').parent('div').show();
				jQuery("input[id='Acc11']").parent('center').parent('div').show();
			}else{
				jQuery("input[id='Acc1']").parent('center').parent('div').hide();
				jQuery("input[id='Acc11']").parent('center').parent('div').hide();
			}
			area_facades=0;
			jQuery("#facade_stykke_table tr").each(function()
                {
                    var cnt=0;
                    var length = 0;
                    var height = 0;
                    jQuery(this).find("td").each(function() {
						cnt++;
						let val = parseFloat(jQuery(this).find("input[type=number]").val()) || 0;
						if (cnt == 1) length = val;
						if (cnt == 2) height = val;
					});
                    area_facades += length*height;
                });
			
			if(selected_product_id == '888' || selected_product_id == '885' || selected_product_id == '882')
			{
				scr_val = area_facades * 10;
				console.log("scr_val"+scr_val);
				/*if(scr_val <= 100)
				{*/
					input_val = Math.ceil(scr_val/100);
					console.log("area_facades"+area_facades);
					console.log("input_val"+input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc14").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc15").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc16").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc19").val(input_val);
					
					
				/*}/*else if (scr_val > 100 && scr_val < 200 ){
					input_val = Math.ceil(scr_val/100);
					console.log("area_facades"+area_facades);
					console.log("input_val"+input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc14").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc15").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc16").val(input_val);
					
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc17").val(0);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc18").val(0);
					
				}else{*/
					
					input_vals = Math.ceil(scr_val/250);
					
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc17").val(input_vals);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc18").val(input_vals);
					
					
				/*}*/
				
				
			}else if(selected_product_id == '897' || selected_product_id == '896' || selected_product_id == '899' || selected_product_id == '891' || selected_product_id == '907')
			{
					scr_val = area_facades * 6;
					input_val = Math.ceil(scr_val/100);
					console.log("area_facades"+area_facades);
					console.log("input_val"+input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc14").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc15").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc16").val(input_val);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc19").val(input_val);
					
					
					input_vals = Math.ceil(scr_val/250);
					
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc17").val(input_vals);
					jQuery(".calculator-box.calculator-6 .select_accessories #Acc18").val(input_vals);
				
			}else{
				
			}
			
			// hexagon scrow hide logic
			
			if(selected_product_id == '934' || selected_product_id == '933' || selected_product_id == '932' || selected_product_id == '931')
			{
				 $(".calculator-box.calculator-6 .904").removeClass("active");
				 $(".calculator-box.calculator-6 .905").removeClass("active");
				 $(".calculator-box.calculator-6 .906").removeClass("active");
				 $(".calculator-box.calculator-6 .880").removeClass("active");
				 $(".calculator-box.calculator-6 .881").removeClass("active");
				  $(".calculator-box.calculator-6 .2448").removeClass("active");
				jQuery(".calculator-box.calculator-6 .904").hide();
				jQuery(".calculator-box.calculator-6 .905").hide();
				jQuery(".calculator-box.calculator-6 .906").hide();
				jQuery(".calculator-box.calculator-6 .880").hide();
				jQuery(".calculator-box.calculator-6 .881").hide();
				jQuery(".calculator-box.calculator-6 .2448").hide();
				scr_val_b = Math.ceil(area_facades / 8);
				jQuery(".calculator-box.calculator-6 .936").find("input#Acc1").val(scr_val_b);
				
				scr_val_t = Math.ceil(area_facades / 1);
				jQuery(".calculator-box.calculator-6 .935").find("input#Acc11").val(scr_val_t);
				
				$(".Vælgtilbehor").find("img").attr("src","").attr("acc","");
				$(".active-list.sidebar_calc_box6").find("img").attr("src","").attr("accs","");
				
				
				$('input:radio[name=skinee_system_radio][value=none]').prop('checked', true);
	
			$(".nextBtn_skinne_section").click();
				
			}else{
				
				jQuery(".calculator-box.calculator-6 .904").show();
				jQuery(".calculator-box.calculator-6 .905").show();
				jQuery(".calculator-box.calculator-6 .906").show();
				jQuery(".calculator-box.calculator-6 .880").show();
				jQuery(".calculator-box.calculator-6 .881").show();
				jQuery(".calculator-box.calculator-6 .2448").show();
				jQuery(".calculator-box.calculator-6 .936").removeClass("active").css("border","1px solid rgb(244, 244, 244)");
				jQuery(".calculator-box.calculator-6 .935").removeClass("active").css("border","1px solid rgb(244, 244, 244)");
				$(".Vælgtilbehor").find("img").attr("src","").attr("acc","");
				$(".active-list.sidebar_calc_box6").find("img").attr("src","").attr("accs","");
				jQuery('.calculator-box.calculator-6_1').show();
				}
			
			//jQuery('.calculator-box').hide();
		//jQuery('.calculator-box.calculator-6').show();
			//jQuery("#submitBtn").trigger("click");
			$('input:radio[name=skinee_system_radio][value=none]').prop('checked', true);
	
			$(".nextBtn_skinne_section").click();
			jQuery('.calculator-box.calculator-5').hide();
			jQuery('#totop').click();
			
      });



        jQuery(".select_product").mouseover(function()
        {
            //jQuery(this).css("border","2px solid #e1e1e1");
        });

        jQuery(".select_product").mouseout(function()
        {
           // jQuery(this).css("border","1px solid #e1e1e1");
        });
        jQuery(".select_accessories input[type=number]").focus(function()
        {
            //jQuery(this).closest('div.select_accessories').css("border","2px solid #e1e1e1");
        });
        jQuery(".select_accessories input[type=number]").blur(function()
        {
           // jQuery(this).closest('div.select_accessories').css("border","1px solid #e1e1e1");
        });
	/*jQuery('.calculator-box.calculator-5 .product_item').click(function(){

		 topprofil = jQuery(this).find('img').attr('src');
		 hidtop = jQuery(".hidTop").val();
		 console.log(hidtop);
		 jQuery(".sidebar_calc_box5").find('img').attr('src',topprofil);
		 jQuery(".sidebar_calc_box5").find('img').attr('hidtop',hidtop);

		jQuery('.calculator-box').hide();
		jQuery('.calculator-box.calculator-6').show();
	}); */
	accs ={};
	jQuery('.calculator-box.calculator-6 .product_item').click(function(){
		acc = jQuery(this).find('center input').attr('id');
		acckey = jQuery(this).attr('datakey');
		
		
		
		if ($(this).hasClass("active")) {
			
			$( ".select_accessories.product_item" ).each(function( index ) {
		 
		 datakey = $(this).attr("datakey");
		
		 if(datakey == 2)
		 {
		 $(this).removeClass("active");	
		jQuery(this).css('border', '1px solid #f4f4f4');
		jQuery(this).find('.chekacc input[type="checkbox"]').prop( "checked", false );
		}
		});
			
		    $(this).removeClass("active");
		   // jQuery(this).css('border', '1px solid #e1e1e1');
			jQuery(this).css('border', '1px solid #f4f4f4');
			jQuery(this).find('.chekacc input[type="checkbox"]').prop( "checked", false );
		    accs[acckey] = '';
		  }
		 
		  else {
			  $( ".select_accessories.product_item" ).each(function( index ) {
			   datakey = $(this).attr("datakey");
		
		 if(datakey == 2)
		 {
		 $(this).removeClass("active");	
		jQuery(this).css('border', '1px solid #f4f4f4');
		jQuery(this).find('.chekacc input[type="checkbox"]').prop( "checked", false );
		}
		});
		    $(this).removeClass("active");
		    $(this).addClass("active");
	    	jQuery(this).css('border', '1px solid #a9a9a9');
			jQuery(this).find('.chekacc input[type="checkbox"]').prop( "checked", true );
			
			
		    accs[acckey] = acc;
		  }

		accessories= jQuery(this).find('img').attr('src');
		magicradio = jQuery(".magic-radio").val()
		jQuery(".sidebar_calc_box6").find('img').attr('src',accessories);
		jQuery(".sidebar_calc_box6").find('img').attr('led',magicradio);
		jQuery(".sidebar_calc_box6").find('img').attr('accs',JSON.stringify(accs));
		jQuery(".Vælgtilbehor").find('img').attr('src',accessories);
		jQuery(".Vælgtilbehor").find('img').attr('led',magicradio);
		jQuery(".Vælgtilbehor").find('img').attr('acc',acc);
		jQuery(".Vælgtilbehor").find('img').show();
		console.log(jQuery(".magic-radio").val());

		//jQuery('.calculator-box').hide();
		//jQuery('.calculator-box.calculator-7').show();
	});

	
	jQuery('.calculator-box.calculator-7 .btn_beregn').click(function(){
		jQuery('.calculator-box').hide();
		jQuery('.calculator-box.calculator-8').show();
	});
	
	jQuery('.active-list.sidebar_calc_box1').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-1').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box2').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-3').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box3').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-3').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box4').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-4').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box5').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-5').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box6_1').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-6_1').show();
		data_id_pro = jQuery(".sidebar_calc_box5").find("img").attr("pid");
		if(data_id_pro == "934" || data_id_pro == "933" || data_id_pro == "932" || data_id_pro == "931")
		{
			jQuery(".btn_tilbage_skinne_section").click();
		}
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box6').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-6').show();
		jQuery('#totop').click();
	});
	jQuery('.active-list.sidebar_calc_box7').click(function(){
		jQuery('.calculator-box').hide();jQuery('.calculator-box.calculator-7').show();
		jQuery('#totop').click();
	});
	
	
	
});



        var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
  

function addGavl()
  {
      var gavls_cnt = 1;
      gavls_cnt = jQuery("#gavl_trekant_table tr").length;
      console.log(gavls_cnt);
      gavls_cnt++;
      var new_gavl = '<tr id="Gavl1'+gavls_cnt+'"><td>Gavl '+gavls_cnt+'a</td><td><div class="w-100 "><input type="number" class="form-control" name="Gavl'+gavls_cnt+'AL" id="Gavl'+gavls_cnt+'AL"><span>m</span> </div></td><td><div class="w-100 "><input type="number" class="form-control" name="Gavl'+gavls_cnt+'AW" id="Gavl'+gavls_cnt+'AW"><span>m</span> </div></td></tr>';

      //var new_gavl = '<tr id="Gavl'+gavls_cnt+'"><td width="100">Gavl '+gavls_cnt+'a</td><td width="150"><input type="number" name="Gavl'+gavls_cnt+'AL" id="Gavl'+gavls_cnt+'AL"/></td><td width="150"><input type="number" name="Gavl'+gavls_cnt+'AW" id="Gavl'+gavls_cnt+'AW"/></td><td>&nbsp;m</td>td></tr>';
      jQuery("#gavl_trekant_table").append(new_gavl);
      jQuery("#removeGavlBtn").show();
  }
  function removeGavl()
  {
      var gavls_cnt = jQuery("#gavl_trekant_table tr").length;
      if (gavls_cnt>1) jQuery("#gavl_trekant_table tr").last().remove();
      if (gavls_cnt <=2) jQuery("#removeGavlBtn").hide();
  }

  function addFacade()
    {
        var facades_cnt = 1;
        facades_cnt = jQuery("#facade_stykke_table tr").length;
        facades_cnt++;

        var new_facade = '<tr id="Facade'+facades_cnt+'"><td>Areal '+labels[facades_cnt-1]+'</td><td><div class="w-100 "><input type="number" class="form-control" name="Facade'+labels[facades_cnt-1]+'L" id="Facade'+labels[facades_cnt-1]+'L"><span>m</span> </div></td><td><div class="w-100 "><input type="number" class="form-control" name="Facade'+labels[facades_cnt-1]+'W" id="Facade'+labels[facades_cnt-1]+'W"><span>m</span> </div></td></tr>';
        //var new_facade = '<tr id="Facade'+facades_cnt+'"><td width="100">Areal '+labels[facades_cnt-1]+'</td><td width="150"><input type="number" name="Facade'+labels[facades_cnt-1]+'L" id="Facade'+labels[facades_cnt-1]+'L"/></td><td width="150"><input type="number" name="Facade'+labels[facades_cnt-1]+'W" id="Facade'+labels[facades_cnt-1]+'W"/></td><td>&nbsp;m</td>td></tr>';
        jQuery("#facade_stykke_table").append(new_facade);
        jQuery("#removeFacadeBtn").show();
    }
    function removeFacade()
    {
        var facades_cnt = jQuery("#facade_stykke_table tr").length;
        if (facades_cnt>1) jQuery("#facade_stykke_table tr").last().remove();
        if (facades_cnt <=2) jQuery("#removeFacadeBtn").hide();
    }

	 function addVindue()
    {
        var vindues_cnt = 1;
        vindues_cnt = jQuery("#vindues_table tr").length;
        vindues_cnt++;
        var new_vindue = '<tr  id="Type1"><td width="100">Type '+vindues_cnt+'</td><td width="150"><div class="w-100 " ><input type="number" class="form-control" name="vdT'+vindues_cnt+'S" id="vdT'+vindues_cnt+'S"><span>m</span> </div></td><td width="150"><div class="w-100 "><input type="number" class="form-control" name="vdT'+vindues_cnt+'L" id="vdT'+vindues_cnt+'L"><span>m</span> </div></td><td width="150"><div class="w-100 "><input type="number" class="form-control" name="vdT'+vindues_cnt+'H" id="vdT'+vindues_cnt+'H"><span>m</span> </div></td></tr>';
      // var new_vindue = '<tr id="Type1"><td width="100">Type '+vindues_cnt+'</td><td width="150"><input type="number" name="vdT'+vindues_cnt+'S" id="vdT'+vindues_cnt+'S"/></td><td width="150"><input type="number" name="vdT'+vindues_cnt+'L" id="vdT'+vindues_cnt+'L"/></td><td width="150"><input type="number" name="vdT'+vindues_cnt+'H" id="vdT'+vindues_cnt+'H"/></td><td>&nbsp;m</td></tr>';
        jQuery("#vindues_table").append(new_vindue);
        jQuery("#removeVindueBtn").show();
    }

    function removeVindue()
    {
        var vindues_cnt = jQuery("#vindues_table tr").length;
        if (vindues_cnt>1) jQuery("#vindues_table tr").last().remove();
        if (vindues_cnt <=2) jQuery("#removeVindueBtn").hide();
    }



     jQuery(document).ready(function()
        {
            jQuery("#lengthsTable").css("display","none");
            jQuery("div.select_product_1980").hide();
        });

</script>
<script type="text/javascript">
   
jQuery(".btn_nexttrigger").click(function(){
	jQuery(".btn_next").trigger('click');
	jQuery(".ingen_vindues").trigger('click');
});
jQuery(document).on("click","#print_send",function(){
//jQuery("#print_send").click(function(){
	jQuery("#sendtopdf").trigger('click');
});
jQuery(document).on("click","#addtocart",function(){
//jQuery("#addtocart").click(function(){
	jQuery("#add_to_cart_btn").trigger('click');
});

</script>






<script>
	var scene_custom='';
	var scene='';
	var xposition_custom=0;
    var yposition_custom=0;
    var index_custom=0;
    var custom_mesh = '';
    var custom_button = '';
    var custom_advancedTexturee = '';
    db = 0;
      row1_array = [];
      row1_array1 = [];
      row2_array = [];
      row2_array1 = [];
      row3_array = [];
      row3_array1 =[];
      row4_array = [];
      row4_array1 =[];
     var custom_type = 'fence';
        color1 = [];
        color2 = [];
        color3 = [];
		color4 = [];
		custom_height_image1 = [];
		custom_height_image2 = [];
		custom_height_image3 = [];
		custom_height_image4 = [];
		function loadarray1(row1_array1,index){
			data = 0;
			row1_array1.sort();
			row = jQuery.unique(row1_array1);
			jQuery.each(row, function( key, valuee ) {
			if(valuee == index){
				data = parseInt(valuee);
				
			}else if(index > valuee){
				data = parseInt(valuee);
				
		 	 }else if(index < valuee){
		 	 	data = parseInt(valuee);
		 	 	
		 	 }else{
			  	data = parseInt(valuee);
			  
			  }
			});
		return data;
		}
		function loadarray2(row1_array2,index){
			data = 0;
			row1_array2.sort();
			row = jQuery.unique(row1_array2);
			jQuery.each(row, function( key, valuee ) {
			if(valuee == index){
					data = parseInt(valuee);
				}else if(index > valuee){
					data = parseInt(valuee);
		 		 }else if(index < valuee){
		 	 	data = parseInt(valuee);
		 	 	
		 	 }else{
			  		data = parseInt(valuee);
			  }
			});
		return data;
		}
		function loadarray3(row1_array3,index){
			data = 0;
			row1_array3.sort();
			row = jQuery.unique(row1_array3);
			jQuery.each(row, function( key, valuee ) {
			if(valuee == index){
				data = parseInt(valuee);
			}else if(index > valuee){
				data = parseInt(valuee);
		 	 }
		 	 else if(index < valuee){
		 	 	data = parseInt(valuee);
		 	 	
		 	 }else{
			  	data = parseInt(valuee);
			  }
			});
		return data;
		}
		function loadarray4(row1_array4,index){
			data = 0;
			row1_array4.sort();
			row = jQuery.unique(row1_array4);
			jQuery.each(row, function( key, valuee ) {
			if(valuee == index){
				data = parseInt(valuee);
			}else if(index > valuee){
				data = parseInt(valuee);
		 	 }else if(index < valuee){
		 	 	data = parseInt(valuee);
		 	 	
		 	 }else{
			  	data = parseInt(valuee);
			  }
			});
		return data;
		}
function myfunction(){
        var canvas = document.getElementById("renderCanvas"); // Get the canvas element
        var engine = new BABYLON.Engine(canvas, true);
         
      
        
		

        // Generate the BABYLON 3D engine
        // Add your code here matching the playground format
        var createScene = function () {
        var scene= null;
         scene = new BABYLON.Scene(engine);
        
        var container = new BABYLON.AssetContainer(scene);
        
		    let instanceCountiw = jQuery("#instanceCounti").val(); //17
		    let instanceCountlw = jQuery("#instanceCountl").val(); //12
		    let instanceCountuw = jQuery("#instanceCountu").val(); //3
			var msgarr = jQuery("#msgarr").val();
		   
		    width = 1;
		    heightt = 1;
		    positionx = 0;
		    positionz = 0;
		

   		

    //var camera = new BABYLON.ArcRotateCamera("camera1", 0, 0, 10, BABYLON.Vector3.Zero(), scene);
	var camera = new BABYLON.ArcRotateCamera("camera1", 0, 0, 10, BABYLON.Vector3.Zero(), scene);
  
  //camera.setPosition(new BABYLON.Vector3(5, 2.5, -7.5));
   camera.setPosition(new BABYLON.Vector3(20, 6, 0));
   // camera.upperRadiusLimit =30;
    camera.lowerRadiusLimit = 4;
    camera.upperRadiusLimit = 30;
    camera.attachControl(canvas, true);
	
    	var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
    
		//mohit
        let instanceCounti = jQuery("#instanceCounti").val(); //17
        let instanceCountl = jQuery("#instanceCountl").val(); //12
        let instanceCountu = jQuery("#instanceCountu").val(); //3
		var msgarr = jQuery("#msgarr").val();
		//var f_color = jQuery("#hid_color").val();
		var f_type = jQuery("#model").val();
      	
		if(f_type == "934" || f_type == "933" || f_type == "932" || f_type == "931")
		{
			 camera.targetScreenOffset = new BABYLON.Vector2(-0.5, -1);
		}else{
			 camera.targetScreenOffset = new BABYLON.Vector2(-0.5, -3);
		}
		
        scene.clearColor = BABYLON.Color4(0.5, 0.8, 0.6, 0.8);
        light.intensity = 1;
		
      /* var envTexture = new BABYLON.CubeTexture("https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/environmentSpecular.env", scene);
    var DefaultSkybox_obj = scene.createDefaultSkybox(envTexture, true, 1000);
	console.log('************************************');
	console.log(DefaultSkybox_obj);
	DefaultSkybox_obj.isVisible=false;
	console.log('************************************');
        envTexture.isVisible = false;*/
    
	
	
	   
      
       let value = 99;
       var position = 0;
      // f_color = "black" ;f_type = "v22x130x6";
		       if(scene_custom != ''){
		      	 	scene_custom.dispose();
		       }
		       data_id = 0;
				
			//	var Vælgform=jQuery('input#post').val();
				
		
	var index_value=0	       
			   //instanceCounti = instanceCounti/100;
			  
			   for (var index = 0; index < instanceCounti; index++) {
				  

					var z=0;
					var y=0;
					const z1=0;	
					 const index_idz = index;
					 index_value=index;
					 var is_update_y=0;	

		
					msgarr_arr = JSON.parse(msgarr);
					msgarr_arr_l = msgarr_arr.length;
					//console.log(msgarr_arr);
					//console.log(msgarr_arr_l);
					var custom_arr1 = [];
						 var last_height_count=0;
						var last_height_val=0;
						
					for(i=0;i<msgarr_arr_l;i++)
					{
						
						const arr_hight = msgarr_arr[i].position;
						const arr_x = msgarr_arr[i].heights;
					if(f_type == "896")
					{  
					   
				     row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/fibrotech_basic_lys_fin_hvidmalet_600_1200/fibrotech_basic_lys_fin_hvidmalet_600_1200_"+ msgarr_arr[i].heights +".glb";
					
					}else if(f_type == "885")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/fibrotech_basic_lys_fin_hvidmalet_600_2400/fibrotech_basic_lys_fin_hvidmalet_600_2400_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "897")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Træbeton_Basic_lys_fin_600_1200/FibroTech_Tr+ªbeton_Basic_lys_fin_600_1200_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "882")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Træbeton_Basic_lys_fin_600_2400/FibroTech_Hexagon Box GÇô Sort GÇô RAL 9005_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "931")
					{
						
						
						if(arr_x == 0 && arr_hight == 0){
							//bottom
							row_url_1='';
							if(index_idz == msgarr_arr_l-1){
								row_url_1='';
							}
							else if(index_idz == 0){
								row_url_1='';
							}
							else{
								
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech+Hexagon+Box+–+Hvid+–+RAL+9003_side_rotate/FibroTech Hexagon Box GÇô Hvid GÇô RAL 9003_side2_rotate2.glb";
							}
							
						}
						else if(index_idz == 0){
							//side_1
							if(arr_x !== 0 && arr_hight > 0){
							row_url_1='';
							
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech+Hexagon+Box+–+Hvid+–+RAL+9003_side_rotate/FibroTech Hexagon Box GÇô Hvid GÇô RAL 9003_side1_rotate1.glb"; 
							}
								
							
						}
						else if(index_idz == msgarr_arr_l-1){
							//side_2
							if(arr_x == 0 && arr_hight > 0){
							row_url_1='';
							}else if(i == msgarr_arr_l-1){
								row_url_1='';
							}else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech+Hexagon+Box+–+Hvid+–+RAL+9003_side_rotate/FibroTech Hexagon Box GÇô Hvid GÇô RAL 9003_side1_rotate2.glb"; 
							}
							
						}
						else if(i == msgarr_arr_l-1){
							//top
							
							if(index_idz == msgarr_arr_l - 1){
								row_url_1='';
							}
							else{
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech+Hexagon+Box+–+Hvid+–+RAL+9003_side_rotate/FibroTech Hexagon Box GÇô Hvid GÇô RAL 9003_side2_rotate1.glb";
							}
						
						}
						else{
									
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Hvid+–+RAL+9003/FibroTech_Hexagon_Box_GÇô_Hvid_GÇô_RAL 9003.glb";	
						}
						
					
					}else if(f_type == "888")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/Fibro_Tech_Trbeton_Farmer_lys_fin600_2400/Fibro_Tech_Trbeton_Farmer_lys_fin600_2400_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "899")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Multifin_HVIDMALET_600_1200/FibroTech_Multifin_HVIDMALET_600_1200_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "891")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Multifin_UMALET__600_1200_120/FibroTech_Multifin_UMALET__600_1200_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "907")
					{
						
					row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/Extra_fin_panel_HVIDMALET_600_1200/Extra_fin_panel_HVIDMALET_600_1200_"+ msgarr_arr[i].heights +".glb";	
					}else if(f_type == "934")
					{
						
						
						if(arr_x == 0 && arr_hight == 0){
							//bottom
							row_url_1='';
							if(index_idz == msgarr_arr_l-1){
								row_url_1='';
							}
							else if(index_idz == 0){
								row_url_1='';
							}
							else{
								
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech Hexagon Box_Gra_RAL 7004_side_rotate/FibroTech Hexagon Box_Gra_RAL 7004_side2_rotate2.glb";
							}
							
						}
						else if(index_idz == 0){
							//side_1
							if(arr_x !== 0 && arr_hight > 0){
							row_url_1='';
							
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech Hexagon Box_Gra_RAL 7004_side_rotate/FibroTech Hexagon Box_Gra_RAL 7004_side1_rotate1.glb"; 
							}
								
							
						}
						else if(index_idz == msgarr_arr_l-1){
							//side_2
							if(arr_x == 0 && arr_hight > 0){
							row_url_1='';
							}else if(i == msgarr_arr_l-1){
								row_url_1='';
							}else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech Hexagon Box_Gra_RAL 7004_side_rotate/FibroTech Hexagon Box_Gra_RAL 7004_side1_rotate2.glb"; 
							}
							
						}
						else if(i == msgarr_arr_l-1){
							//top
							
							if(index_idz == msgarr_arr_l - 1){
								row_url_1='';
							}
							else{
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech Hexagon Box_Gra_RAL 7004_side_rotate/FibroTech Hexagon Box_Gra_RAL 7004_side2_rotate1.glb";
							}
						
						}
						else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon Box_Gra_RAL_7004/FibroTech_Hexagon Box_Gra_RAL_7004.glb";		
						}
						
					
					}else if(f_type == "933")
					{
						
						/*if(arr_x == 0 && arr_hight == 0)
						{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side2_rotate2.glb";
						}else if(arr_x > 0 && arr_hight > 0){
							if(index_idz == 0)
							{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side1_rotate2.glb"; 	
								
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015/FibroTech_Hexagon_Box_Beige_RAL_1015.glb";	
							}
							
						}else if(arr_x == 0 && arr_hight > 0){
							
							if(index_idz == msgarr_arr_l)
							{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side1_rotate1.glb";	
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015/FibroTech_Hexagon_Box_Beige_RAL_1015.glb";		
							}
						}*/	
						
						if(arr_x == 0 && arr_hight == 0){
							//bottom
							row_url_1='';
							if(index_idz == msgarr_arr_l-1){
								row_url_1='';
							}
							else if(index_idz == 0){
								row_url_1='';
							}
							else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side2_rotate2.glb";
							}
							
						}
						else if(index_idz == 0){
							//side_1
							if(arr_x !== 0 && arr_hight > 0){
							row_url_1='';
							
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side1_rotate1.glb"; 
							}
								
							
						}
						else if(index_idz == msgarr_arr_l-1){
							//side_2
							if(arr_x == 0 && arr_hight > 0){
							row_url_1='';
							}else if(i == msgarr_arr_l-1){
								row_url_1='';
							}else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side1_rotate2.glb"; 
							}
							
						}
						else if(i == msgarr_arr_l-1){
							//top
							
							if(index_idz == msgarr_arr_l - 1){
								row_url_1='';
							}
							else{
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate/FibroTech_Hexagon_Box_Beige_RAL_1015_side2_rotate1.glb";
							}
						
						}
						else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon_Box_Beige_RAL_1015/FibroTech_Hexagon_Box_Beige_RAL_1015.glb";		
						}
						
						
					}else if(f_type == "932")
					{
						
						
						if(arr_x == 0 && arr_hight == 0){
							//bottom
							row_url_1='';
							if(index_idz == msgarr_arr_l-1){
								row_url_1='';
							}
							else if(index_idz == 0){
								row_url_1='';
							}
							else{
								
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Sort+–+RAL+9005_side_rotate/FibroTech_Hexagon Box GÇô Sort GÇô RAL 9005_side2_rotate2.glb";
							}
							
						}
						else if(index_idz == 0){
							//side_1
							if(arr_x !== 0 && arr_hight > 0){
							row_url_1='';
							
							}else{
								
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Sort+–+RAL+9005_side_rotate/FibroTech_Hexagon Box GÇô Sort GÇô RAL 9005_side1_rotate1.glb"; 
							}
								
							
						}
						else if(index_idz == msgarr_arr_l-1){
							//side_2
							if(arr_x == 0 && arr_hight > 0){
							row_url_1='';
							}else if(i == msgarr_arr_l-1){
								row_url_1='';
							}else{
							row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Sort+–+RAL+9005_side_rotate/FibroTech_Hexagon Box GÇô Sort GÇô RAL 9005_side1_rotate2.glb"; 
							}
							
						}
						else if(i == msgarr_arr_l-1){
							//top
							
							if(index_idz == msgarr_arr_l - 1){
								row_url_1='';
							}
							else{
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Sort+–+RAL+9005_side_rotate/FibroTech_Hexagon Box GÇô Sort GÇô RAL 9005_side2_rotate1.glb";
							}
						
						}
						else{
									
								row_url_1  = "https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/FibroTech_Hexagon+Box+–+Sort+–+RAL+9005/FibroTech_Hexagon_Box_GÇô_Sort_GÇô_RAL_9005.glb";	
						}
						
					
					}
		 
					
						   
							if(row_url_1 !=""){
							
								glb_data1 = row_url_1;
								//console.log(glb_data1);
								 var glbdatasplit = glb_data1.split('/');
								const getimagename = glbdatasplit[8];
								const counttt = glbdatasplit[9].split('_').slice(-1);
								url = glbdatasplit.slice(0, -1);
								seturl = url.join('/')+'/';
								filenameee = glbdatasplit[9];
								
								//console.log(arr_hight);	
								custom_arr1.push(arr_hight);
								const key_val = i;
								 
								 BABYLON.SceneLoader.ImportMesh("", "", glb_data1, scene, function (newMeshes) {	
								 
									var mesh1 = null;
                	    			var mesh1 = newMeshes[1];
						
									 mesh1.isVisible = false;
									var newInstance = mesh1.createInstance("fence_"+key_val+"_" + index_idz);
									flipfance = jQuery('#flipfance').val(); 
									//newInstance.rotate(new BABYLON.Vector3(0, 160, 0), 1.5);
										
									
									
									
								if(f_type == "931" || f_type == "932" || f_type == "933" || f_type == "934")
									{
										
										if(getimagename == "FibroTech_Hexagon_Box_Beige_RAL_1015_side_rotate" || getimagename == "FibroTech Hexagon Box_Gra_RAL 7004_side_rotate" ||  getimagename == "FibroTech_Hexagon+Box+–+Sort+–+RAL+9005_side_rotate" || getimagename == "FibroTech+Hexagon+Box+–+Hvid+–+RAL+9003_side_rotate")
										{
										}else{
										newInstance.rotate(new BABYLON.Vector3(2, 0, 2), Math.PI);	
										}
									
										
										
										
									  if(arr_x == 0)
									  {
										newInstance.position.z=(arr_x+0.25)*index_idz;  
										  }else{
											  if(index_idz == 0)
											  {newInstance.position.z=arr_x;}else{
											 
												 
										  		newInstance.position.z=(index_idz*0.25)+arr_x;  
											  }
										  }
										  
										  
									}else{
										
										
										newInstance.rotate(new BABYLON.Vector3(2, 0, 2), Math.PI);
									if(index_idz == 0){						
										z=0;
										newInstance.position.z = 0;
									}else{ 	
									
										if(parseFloat(newInstance.position.z)<0){newInstance.position.z=0;}
										newInstance.position.z = parseFloat(newInstance.position.z)+(0.60*index_idz); 
										
									}
									 
									}
									
									newInstance.position.y = arr_hight;
									newInstance.position.x = 0;
									
									
						
								
								 });
								 
							}
							}
							
				   
			   
			  	 
                }
				
			  
			   
			  
				 
				
			
       
	scene.debugLayer.show({
		 //embedMode: true,
		 embedMode: true,
		
	});
	//scene.debugLayer.show();
   

  
    return scene;

};
        //fencecolor
      
        const scene = createScene(); //Call the createScene function
        // Register a render loop to repeatedly render the scene

        engine.runRenderLoop(function () {
                scene.render();
        });
		
		

        // Watch for browser/canvas resize events
        window.addEventListener("resize", function () {
                engine.resize();
				

        });
        jQuery("ul li.sidebar_calc_box1,.sidebar_calc_box2,.sidebar_calc_box3,.sidebar_calc_box4,.sidebar_calc_box5").click(function(){
        		scene.dispose();
        		
        		
        		
        		  
			      
			   
			      var custom_type = 'fence';
		        
				
        		jQuery("#instanceCounti").val('0');
        		jQuery("#instanceCountl").val('0');
        		jQuery("#instanceCountu").val('0');
        		
        		jQuery("#fencetype").val('');
        		

    	});

         jQuery("ul li.sidebar_calc_box6").click(function(){
         	scene.dispose();
        		
        		
        		  
			     
			     
			      var custom_type = 'fence';
		        
				
				
				jQuery("#fencetype").val('');
        		
         });


       }

jQuery(document).on("click","#nulstil",function(){
//jQuery("#nulstil").click(function(){
				
        		setTimeout(function(){
        				
        				location.reload();

        		},500);
        			
        				
        		
});

        function chengelog(xposition ,yposition,scene,index_id,image_name,row_count,custom_mesh,custom_button,custom_advancedTexturee,custom_type){
        	     
        	      BABYLON.SceneLoader.ImportMesh("", "",image_name, scene, function (newMeshesl) { 
					    var mesh = newMeshesl[1];
			        	 mesh.isVisible = false;
			            var newInstancel = mesh.createInstance("fencel" + index_id);
						newInstancel.position.x = xposition;
                        newInstancel.position.z = yposition;
                          if(row_count == '2'){
							   if(custom_type == 'door'){
								  
								   newInstancel.rotate(new BABYLON.Vector3(0, 0, -10),  Math.PI *0.5);
								 //  newInstancel.rotation = new BABYLON.Vector3(0, 80, 0);
								   newInstancel.rotation.x  =10;
								  newInstancel.rotation.y  =0;
								  newInstancel.rotation.z  =0;
								  
							   }else{
								   newInstancel.rotate(new BABYLON.Vector3(0, 1, 0), Math.PI * 0.50);								   
							   }
                      	   
						  
                          }
                          if(row_count == '4'){
							   if(custom_type == 'door'){
								  
								   newInstancel.rotate(new BABYLON.Vector3(0, 0, -10),  Math.PI *0.5);
								 //  newInstancel.rotation = new BABYLON.Vector3(0, 80, 0);
								   newInstancel.rotation.x  =10;
								  newInstancel.rotation.y  =0;
								  newInstancel.rotation.z  =0;
								  
							   }else{
                          		newInstancel.rotate(new BABYLON.Vector3(0, 1, 0), Math.PI * 0.50);	
							   }
                          }
                         custom_button.dispose();
                         custom_advancedTexturee.dispose();
                         custom_mesh.dispose();
                         if(custom_type == 'fence'){
                  	    const advancedTexturee = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
                  	    const button2 = BABYLON.GUI.Button.CreateImageOnlyButton(
                            "but"+index_id,                    
        					"https://fibrotech.se/wp-content/themes/kallyas-child/image/3d/editingWhite.png"
                        );
                         button2.onPointerUpObservable.add(function() {
                              file2 = row_count;
                               id = index_id;
                              xposition = xposition;
                                 yposition =yposition;
                           	 load_service_PopupBox1(file2,id,xposition,yposition,scene,mesh,button2,advancedTexturee);
            			   });
                        var rect12 = new BABYLON.GUI.Rectangle();
                          rect12.width = "15px";
                          rect12.height = "15px";
						  rect12.class = "custom_edit_icon_button";
                          rect12.cornerRadius = 0;
                           rect12.value = index_id;   
                          rect12.background = "white";
                          advancedTexturee.addControl(rect12);
                             rect12.addControl(button2);

                             rect12.linkWithMesh(newInstancel);   
                             rect12.linkOffsetX =xposition;
                             rect12.linkOffsetY = yposition;
                             	  }
                  	
			      	});
					return true;
        	 }

</script>

<div id="gift-wrap-option1" class="gift-wrap-option" style="display:none;">

<div id="ModalTitle"><div class="title" style="width:96%; float: left;"> </div><button id="popupBoxCloseengraving" class="close-popup12" type="button" style="float: right;"><span aria-hidden="true">&times;</span></button></div>

<div class="file-addon-wrap">
</div>
<div id="ModalButtonRow1" style="background-color: rgb(255, 255, 255);">  
<label style="       width: 25%;float: inherit;margin: auto;text-align: justify;    font-weight: 600;margin-top: 15px;">Vælg farve: </label>     
<select class="custom_glb_type">
    <option value="gray" color="gray">Grey</option>
    <option value="black" color="black">Black</option>
    <!-- <option value="alublack" color="alublack">ALU BlackProfil BlackStolpe</option>
    <option value="grayblack" color="grayblack">ALU GreyProfil BlackStolpe</option> -->
    
</select>  
<label style="    width: 25%;float: inherit;margin: auto;text-align: justify;    font-weight: 600;margin-top: 15px;">Indtast højde: </label> 

<select class="custom_height" id="custom_height" name="custom_height">
    <option value="1.84" >1.84</option>
    <option value="1.56" >1.56</option>
    <option value="1.28" >1.28</option>
    <!-- <option value="alublack" color="alublack">ALU BlackProfil BlackStolpe</option>
    <option value="grayblack" color="grayblack">ALU GreyProfil BlackStolpe</option> -->
    
</select>  

<!--<input type="number" id="custom_height" class="custom_height" name="custom_height" value="" placeholder="Højde*" style="margin-bottom:0;">-->

<span class="error_message" style="color:red;display:none;">Højde Field Is Required.</span>
<label style="    width: 25%;float: inherit;margin: auto;text-align: justify;    font-weight: 600;margin-top: 15px;">Vælg type: </label> 
<div class="custom_radio_button">
<input type="radio" id="door" class="custom_type" name="custom_type" value="door"><label for="door">Låge</label></input>

<input type="radio" id="fence" class="custom_type" name="custom_type" value="fence"><label for="fence" checked>Hegn</label></input>
</div>

<input value="Ok" class="custom_ok_button Button close-popup1" style="background-color: rgb(87, 173, 104);    margin-top: 20px; margin-bottom:30px;" type="button">

<br>
<div class="cleardiv"></div>
 </div>
</div>
<div class="shield-engraving1"></div>
<script>
jQuery('.close-popup12').click(function(){
	jQuery('#gift-wrap-option1').hide();
});
jQuery('.close-popup1').click(function(){
            custom_height = jQuery('.custom_height option:selected').val();
           
            jQuery(".error_message").hide();
            unload_service_PopupBox1();
           // myfunction();
             colors = jQuery('.custom_glb_type').attr('color');
             file = jQuery('#ModalButtonRow1').attr('file');
         
            
			// custom_height = jQuery(".custom_height").val();
			 //custom_type = jQuery(".custom_type").val();
			 
			 if(jQuery("input[name=custom_type]:checked").val() == "door"){
				   custom_type = 'door';
				  
				   //jQuery(".custom_height").hide();
				}
				else if(jQuery("input[name=custom_type]:checked").val() == "fence"){
				     custom_type = 'fence';
				      if(custom_height == ''){
		                jQuery(".error_message").show();
		                return false;
		            }
				}
				name = jQuery('.custom_glb_type').val();
				if(custom_type == ''){
				return false;	
				}
				
				fencee = jQuery("#fencetype").val();
			 
					 jsondata = JSON.parse(fencee);
					 //console.log("fencee"+fencee);
					//console.log("jsondata"+jsondata);
					  myJsonString={};
					 jQuery.each(jsondata,function(key,value){
					 
					 	if(key == (file-1)){
					 		jQuery.each(value, function( index, valuee ) {
								
							  if(index == colors){
								  console.log("index"+index);
								 // alert("hii");
							  	if(custom_type == 'fence'){
							  		
								  	fencelength = valuee.lengthss;
									//console.log("fencelength"+fencelength);
								  	height = jQuery("#custom_height option:selected").val();
									//console.log("height"+height);
									if(height == 1.84)
									{
								  	lengthtotal  = 13;
									}else if(height == 1.56){
										lengthtotal  = 11;
										}else if(height == 1.28){
										lengthtotal  = 9;
										}
									
								  	//console.log("lengthtotal"+lengthtotal);
								  	valuee.heigth = Math.ceil(lengthtotal);	
								  	valuee.f_row_type = 'fence';
								  	if(name == 'gray'){
								  		name = 'grey';
								  	}
								  	valuee.color = name[0].toUpperCase() + name.substr(1);
							  	}else{
							  		
								  	fencelength = valuee.lengthss;
								  	height = jQuery("#custom_height").val();
								  	lengthtotal  = 13*height/1.8;
								  	
								  	valuee.heigth = 0;	
								  	valuee.f_row_type = 'door';
								  	if(name == 'gray'){
								  		name = 'grey';
								  	}
								  	valuee.color = name[0].toUpperCase() + name.substr(1);
							  	}
							  	
							  }
							});
					 	}else{

					 	}
					 });
					 data = JSON.stringify(jsondata, null, '\t');
					

					  jQuery("#fencetype").val(data);
					
		              
			
		 			
		 			slop = jQuery('.sidebar_calc_box4 img').attr('color_val');
				  heigth = Math.ceil(custom_height/0.14);
				 
				if(custom_type == 'fence'){
						if(name == 'grey' && slop == 'alu'){
							if(heigth > 13){
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_GreyProfil__SilverStolpe/round_I_GLB_silver_grey_v05_13.glb";
							}else{
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_GreyProfil__SilverStolpe/round_I_GLB_silver_grey_v05_"+ heigth +".glb";
							}
						}else if(name == 'grey' && slop == 'black'){
							if(heigth > 13){
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_GreyProfil_BlackStolpe/round_I_GLB_black_grey_v05_13.glb";
							}else{
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_GreyProfil_BlackStolpe/round_I_GLB_black_grey_v05_"+ heigth +".glb";
							}
						}else if(name == 'black' && slop == 'black'){
							if(heigth > 13){
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_BlackStolpe/blackwood_round_black_I_GLB_V05_13.glb";
							}else{
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_BlackStolpe/blackwood_round_black_I_GLB_V05_"+ heigth +".glb";
							}
						}else if(name == 'black' && slop == 'alu'){
							
							if(heigth > 13){
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_SilverStolpe/blackwood_round_silver_I_GLB_V05_13.glb";	
							}else{
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_SilverStolpe/blackwood_round_silver_I_GLB_V05_"+ heigth +".glb";
							}
						}else{
							if(heigth > 13){
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_BlackStolpe/blackwood_round_black_I_GLB_V05_13.glb";
							}else{
								images_fence = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/ALU_BlackProfil_BlackStolpe/blackwood_round_black_I_GLB_V05_"+ heigth +".glb";
							}
						}	
				}else{
					if(name == 'grey' && slop == 'alu'){
							
							//images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_1.glb";
							
								images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_2_tex_2.glb";
						}else if(name == 'grey' && slop == 'black'){
								images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_1.glb";
							
						}else if(name == 'black' && slop == 'alu'){
							//images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_1.glb";
								images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_2_tex_1.glb";
							
						}else if(name == 'black' && slop == 'black'){
								images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_2.glb";
							//images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_1.glb";
						}else{
							images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_1.glb";
								//images_door = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/door/Door_1_tex_2.glb";
						}
				}
				

						
				  if(heigth > 13){
				  if(custom_type == 'door'){
				  	//image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/Door_1_tex_1 (1).glb";
					image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/Door_1_tex_1.glb";
					if(file == '1'){
		               
		                if(row1_array.length == 0){
		                   row1_array1.push(colors);
		                     row1_array[colors]= colors;
		                     color1[colors] = 'door';
		                     custom_height_image1[colors] =images_door; 
		                   

		                }else{
		                   row1_array1.push(colors);
		                     row1_array[colors]= colors; 
		                     color1[colors] = 'door';
		                      custom_height_image1[colors] =images_door;
		                     
		                }
		             }
		             if(file == '2'){
		                if(row2_array.length == 0){
		                	row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'door';
		                     custom_height_image2[colors] =images_door;
		                   
		                }else{
		                    row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'door';
		                     custom_height_image2[colors] =images_door;
		                     
		                }
		             }
		              if(file == '3'){
		                if(row3_array.length == 0){
		                	row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'door';
		                     custom_height_image3[colors] =images_door;
		                    
		                    
		                }else{
		                  row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'door';
		                     custom_height_image3[colors] =images_door;
		                   
		                    
		                }
		             }
		             if(file == '4'){
		                if(row4_array.length == 0){
		                	row4_array1.push(colors);
		                    row4_array[colors]= colors;
		                    color4[colors] = 'door';
		                     custom_height_image4[colors] =images_door;
		                    
		                }else{
		                   row4_array1.push(colors);
		                   row4_array[colors]= colors;
		                   color4[colors] = 'door';
		                    custom_height_image4[colors] =images_door;
		                    
		                }
		             }

		             
					if(file == 2){
						yposition = yposition_custom;
					}else{
					    yposition = yposition_custom+0.50;
					}
				  }else{
				  	 if(file == '1'){
						 
						 if(row1_array.length == 0){
		                	row1_array1.push(colors);
		                    row1_array[colors]= colors;
		                    color1[colors] = 'fence';
		                     custom_height_image1[colors] =images_fence;
		                     
		                }else{
		                  row1_array1.push(colors);
		                   row1_array[colors]= colors;
		                   color1[colors] = 'fence';
		                    custom_height_image1[colors] =images_fence;
		                    
		                }
					}	 
						 
						 
						 
				  	 	/*row1_array[colors]= colors;
				  	 	color1[colors] = 'fence';
				  	 	row1_array1[colors] = colors;
				  	 	custom_height_image1[colors] =images_fence; */
				  	// }else{
				  	 	/*row1_array[colors]= colors;
				  	 	color1[colors] = 'fence';
				  	 	row1_array1[colors] = colors;
				  	 	custom_height_image1[colors] =images_fence; */
				  	// }

				  	  if(file == '2'){
						  
						  
		                if(row2_array.length == 0){
		                	row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'fence';
		                    custom_height_image2[colors] =images_fence; 
		                    
		                }else{
		                    row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'fence';
		                    custom_height_image2[colors] =images_fence; 
		                  
		                }
		             }
		             if(file == '3'){
		                if(row3_array.length == 0){
		                	row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'fence';
		                    custom_height_image3[colors] =images_fence; 
		                  
		                    
		                }else{
		                   row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'fence';
		                    custom_height_image3[colors] =images_fence; 
		                  
		                }
		             }
		             if(file == '4'){
		                if(row4_array.length == 0){
		                	row4_array1.push(colors);
		                    row4_array[colors]= colors;
		                    color4[colors] = 'fence';
		                    custom_height_image4[colors] =images_fence; 
		                
		                }else{
		                   row4_array1.push(colors);
		                   row4_array[colors]= colors;
		                   color4[colors] = 'fence';
		                   custom_height_image4[colors] =images_fence; 
		                
		                }
		             }
				  	 
			  		//image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/gray/round_I_GLB_silver_grey_v05_13.glb";
			  		}
		  		 }else{
		    		if(custom_type == 'door'){
				  	//image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/Door_1_tex_1 (1).glb";
					image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/Door_1_tex_1.glb";
					if(file == '1'){
		               
		                if(row1_array.length == 0){
		                   row1_array[colors]= colors;
		                    color1[colors] = 'door';
		                  row1_array1.push(colors);
		                   custom_height_image1[colors] =images_door;
		                }else{
		                	 row1_array[colors]= colors;
		                	  color1[colors] = 'door';
		                   row1_array1.push(colors);
		                    custom_height_image1[colors] =images_door;
		                    
		                }
		             }
		              if(file == '2'){
		                if(row2_array.length == 0){
		                	row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'door';
		                     custom_height_image2[colors] =images_door;
		                }else{
		                    row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'door';
		                     custom_height_image2[colors] =images_door;
		                }
		             }
		             if(file == '3'){
		                if(row3_array.length == 0){
		                	row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'door';
		                     custom_height_image3[colors] =images_door;
		                }else{
		                  row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'door';
		                     custom_height_image3[colors] =images_door;
		                }
		             }
		             if(file == '4'){
		                if(row4_array.length == 0){
		                	row4_array1.push(colors);
		                    row4_array[colors]= colors;
		                    color4[colors] = 'door';
		                     custom_height_image4[colors] =images_door;
		                }else{
		                   row4_array1.push(colors);
		                   row4_array[colors]= colors;
		                   color4[colors] = 'door';
		                    custom_height_image4[colors] =images_door;
		                }
		             }

					if(file == 2){
						yposition = yposition_custom;
					}else{
					yposition = yposition_custom+0.50;
					}
				  }else{
				  	if(file == '1'){
		               
		                if(row1_array.length == 0){
		                   row1_array[colors]= colors;
		                    color1[colors] = 'fence';
		                  row1_array1.push(colors);
		                  custom_height_image1[colors] =images_fence; 
		                }else{
		                	 row1_array[colors]= colors;
		                	   color1[colors] = 'fence';
		                   row1_array1.push(colors);
		                   custom_height_image1[colors] =images_fence; 
		                    
		                }
		             }
		             if(file == '2'){
		                if(row2_array.length == 0){
		                	row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'fence';
		                    custom_height_image2[colors] =images_fence; 
		                }else{
		                    row2_array1.push(colors);
		                    row2_array[colors]= colors;
		                    color2[colors] = 'fence';
		                    custom_height_image2[colors] =images_fence; 
		                }
		             }
		              if(file == '3'){
		                if(row3_array.length == 0){
		                	row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'fence';
		                    custom_height_image3[colors] =images_fence; 
		                    
		                }else{
		                  row3_array1.push(colors);
		                    row3_array[colors]= colors;
		                    color3[colors] = 'fence';
		                    custom_height_image3[colors] =images_fence; 
		                }
		             }
		             if(file == '4'){
		                if(row4_array.length == 0){
		                	row4_array1.push(colors);
		                    row4_array[colors]= colors;
		                    color4[colors] = 'fence';
		                    custom_height_image4[colors] =images_fence; 
		                }else{
		                   row4_array1.push(colors);
		                   row4_array[colors]= colors;
		                   color4[colors] = 'fence';
		                   custom_height_image4[colors] =images_fence; 
		                }
		             }
				  	image_name = "https://kirkedalkomposit.dk/wp-content/themes/kallyas-child/image/3d/gray/round_I_GLB_silver_grey_v05_"+ heigth +".glb";
				  }
				  }
				
			
			 setTimeout(function(){
			jQuery('.btn_beregn').trigger('click');
				  //myfunction(); 
				 // console.log(row3_array);
				 // /myfunction();

			//chengelog(xposition_custom ,yposition,scene_custom,index_custom ,image_name,file,custom_mesh,custom_button,custom_advancedTexturee,custom_type);
				 }, 2000);
});

jQuery('.shield-engraving1').click( function(){
          unload_service_PopupBox1();
		 
});


//jQuery('.custom_glb_type').change(function(){
      
//});
function unload_service_PopupBox1() {    // TO Unload the Popupbox
           jQuery('#gift-wrap-option1').fadeOut("slow");
           jQuery(".shield-engraving1").css({ // this is just for style       
                "opacity": "1" 
            });
		   jQuery(".shield-engraving1").css({ // this is just for style       
               "display": "none"
            });
		
}   
function load_service_PopupBox1(file1,color,xposition ,yposition,scene,mesh,button2,advancedTexturee){ 
			scene_custom=scene;
			xposition_custom=xposition;
			yposition_custom=yposition;
			index_custom=color;
			custom_mesh = mesh;
			custom_button = button2;
			custom_advancedTexturee = advancedTexturee;
          
           // To Load the Popupbox
			jQuery("#door").removeAttr("disabled");
           if(file1 == '1'){
           	if(color1[color] == 'door'){

           	}else{
           		
           		jQuery.each(color1, function( key, valuee ) {
           			
           				if(valuee == 'door'){
           					jQuery("#door").checked = false; 
           					jQuery("#door").checked = false; 
           					jQuery("#fence").attr('checked','checked');
           					jQuery('#door').attr('disabled', 'disabled');
           				}
           		});
           	}
           }else if(file1 == '2'){
           	if(color2[color] == 'door'){

           	}else{
           	jQuery.each(color2, function( key, valuee ) {
           			
           				if(valuee == 'door'){
           					jQuery("#door").checked = false; 
           					jQuery("#door").checked = false; 
           					jQuery("#fence").attr('checked','checked');
           					jQuery('#door').attr('disabled', 'disabled');
           				}
           		});
           }

           }else if(file1 == '3'){
           	if(color3[color] == 'door'){

           	}else{
           	jQuery.each(color3, function( key, valuee ) {
           			
           				if(valuee == 'door'){
           					jQuery("#door").checked = false; 
           					jQuery("#door").checked = false; 
           					jQuery("#fence").attr('checked','checked');
           					jQuery('#door').attr('disabled', 'disabled');
           				}
           		});
           }

           }else if(file1 == '4'){
           	if(color4[color] == 'door'){

           	}else{
           		 //$("#door").removeAttr("disabled");
           		jQuery.each(color4, function( key, valuee ) {
           			
           				if(valuee == 'door'){
           					jQuery("#door").checked = false; 
           					jQuery("#door").checked = false; 
           					jQuery("#fence").attr('checked','checked');
           					jQuery('#door').attr('disabled', 'disabled');
           				}
           		});
           	}
           }

            jQuery('.custom_glb_type').attr('color',color);
            jQuery('#ModalButtonRow1').attr('file',file1);
            jQuery('#gift-wrap-option1').fadeIn("slow");
            jQuery(".shield-engraving1").css({ // this is just for style
                "opacity": "0.59" 
            });   
			
        	 jQuery(".shield-engraving1").css({ // this is just for style       
               "position": "fixed"
            });	
        	 jQuery(".shield-engraving1").css({ // this is just for style       
               "display": "block"
            });	
			// jQuery("html, body").animate({ scrollTop: 0 }, "slow");
}

if(jQuery(window).width() < 767)
		{
			jQuery(".desktop-vo").find(".renderCanvas").removeAttr('id');
			jQuery(".desktop-vo").find("#printpdf").removeAttr('id');
			jQuery(".desktop-vo").find("#fuldskaerm").removeAttr('id');
			jQuery(".desktop-vo").find("#nulstil").removeAttr('id');
			jQuery(".desktop-vo").find("#addtocart").removeAttr('id');
			jQuery(".desktop-vo").find("#testdemo").removeAttr('id');
			jQuery(".desktop-vo").find("#testroter").removeAttr('id');
	    	//jQuery('.renderCanvas').css('heights','350px');
		   // change functionality for smaller screens
		} else {
			jQuery(".modal-vo").find(".renderCanvas").removeAttr('id');
			jQuery(".modal-vo").find("#printpdf").removeAttr('id');
			jQuery(".modal-vo").find("#fuldskaerm").removeAttr('id');
			jQuery(".modal-vo").find("#nulstil").removeAttr('id');
			jQuery(".modal-vo").find("#addtocart").removeAttr('id');
			jQuery(".modal-vo").find("#testdemo").removeAttr('id');
			jQuery(".modal-vo").find("#testroter").removeAttr('id');
			//jQuery(".desktop-vo").find(".renderCanvas").removeAttr('id');
		// document.body.style.overflow = 'hidden';
		} 

jQuery('.renderCanvas').hover(function() {
	if(jQuery(window).width() < 767)
		{
	    	//jQuery('.renderCanvas').css('heights','350px');
		   // change functionality for smaller screens
		} else {
		 document.body.style.overflow = 'hidden';
		} 
	
}, function() {
    document.body.style.overflow = 'scroll';
});



jQuery("#fuldskaerm").click(function(){
	if(jQuery(window).width() > 767){
	jQuery(".resizeing").css("width","0px");
	jQuery(".resizeing").css("min-width","0px");
	jQuery(".fullwidth").css("width","100%");
	jQuery(".renderCanvas").css("position","absolute");
   jQuery("html, body").animate({ scrollTop: 180 });
	jQuery(".minimizebutton").show();
	
	}
});

jQuery(".minimizebutton").click(function(){
	jQuery(".resizeing").css("width","35%");
	jQuery(".resizeing").css("min-width","588px");
	jQuery(".fullwidth").css("width","65%");
	jQuery(".renderCanvas").css("position","");
	
	jQuery(".minimizebutton").hide();
});
$('body').on('mouseover', '#renderCanvas', function() {
    $('body, html').css('overflow', 'hidden');
}).on('mouseout', '#renderCanvas', function() {
    $('body, html').css('overflow', 'auto');
});
</script>{"id":2289,"date":"2022-05-17T11:10:47","date_gmt":"2022-05-17T11:10:47","guid":{"rendered":"https:\/\/fibrotech.se\/?page_id=2289"},"modified":"2022-05-17T11:10:47","modified_gmt":"2022-05-17T11:10:47","slug":"fibrotech-kalkylator","status":"publish","type":"page","link":"https:\/\/fibrotech.se\/sv\/fibrotech-beregner\/","title":{"rendered":"fibrotech kalkylator"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2289","page","type-page","status-publish","hentry","prodpage-classic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>fibrotech beregner - Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fibrotech.se\/sv\/fibrotech-kalkylator\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"fibrotech beregner - Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fibrotech.se\/sv\/fibrotech-kalkylator\/\" \/>\n<meta property=\"og:site_name\" content=\"Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fibrotech.se\\\/fibrotech-kalkylator\\\/\",\"url\":\"https:\\\/\\\/fibrotech.se\\\/fibrotech-kalkylator\\\/\",\"name\":\"fibrotech beregner - Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fibrotech.se\\\/sv\\\/#website\"},\"datePublished\":\"2022-05-17T11:10:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fibrotech.se\\\/fibrotech-kalkylator\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fibrotech.se\\\/fibrotech-kalkylator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fibrotech.se\\\/fibrotech-kalkylator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\\\/\\\/fibrotech.se\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"fibrotech beregner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fibrotech.se\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/fibrotech.se\\\/sv\\\/\",\"name\":\"Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fibrotech.se\\\/sv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"fibrotech ber\u00e4knar - Fibrotech - Akustiska L\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fibrotech.se\/sv\/fibrotech-kalkylator\/","og_locale":"sv_SE","og_type":"article","og_title":"fibrotech beregner - Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET","og_url":"https:\/\/fibrotech.se\/sv\/fibrotech-kalkylator\/","og_site_name":"Fibrotech - AkustiSKL\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fibrotech.se\/fibrotech-kalkylator\/","url":"https:\/\/fibrotech.se\/fibrotech-kalkylator\/","name":"fibrotech ber\u00e4knar - Fibrotech - Akustiska L\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET","isPartOf":{"@id":"https:\/\/fibrotech.se\/sv\/#website"},"datePublished":"2022-05-17T11:10:47+00:00","breadcrumb":{"@id":"https:\/\/fibrotech.se\/fibrotech-kalkylator\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fibrotech.se\/fibrotech-kalkylator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fibrotech.se\/fibrotech-kalkylator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/fibrotech.se\/"},{"@type":"ListItem","position":2,"name":"fibrotech beregner"}]},{"@type":"WebSite","@id":"https:\/\/fibrotech.se\/sv\/#website","url":"https:\/\/fibrotech.se\/sv\/","name":"Fibrotech - Akustiska L\u00d6SNINGAR MED FOKUS P\u00c5 DESIGN OCH KVALITET","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fibrotech.se\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"}]}},"_links":{"self":[{"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/pages\/2289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/comments?post=2289"}],"version-history":[{"count":1,"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/pages\/2289\/revisions"}],"predecessor-version":[{"id":2290,"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/pages\/2289\/revisions\/2290"}],"wp:attachment":[{"href":"https:\/\/fibrotech.se\/sv\/wp-json\/wp\/v2\/media?parent=2289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}