// COPYRIGHT terra-form.org $(document).ready (function() { //AREA $("#radius").on('change', function() { var area = 3.14*$('#radius').val()*$('#radius').val(); $('#area').val(area.toFixed(2)); }); //RADIUS $("#area").on('change', function() { var radius = Math.sqrt($('#area').val()/3.14); $('#radius').val(radius.toFixed(2)); }); // Unit Switch $("input[name='unit']").on('change', function() { // get currently selected radio var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { $('span#unit_Idistance').show(); $('span#unit_Mdistance').hide(); $('span#bagunit_imperial').show(); $('span#bagunit_metric').hide(); $('span#unit_Ivolume').show(); $('span#unit_Mvolume').hide(); $('#barblength').val('1320'); $('#cementvolume').val('94'); $('#bagsize #w14').val('14'); $('#bagsize #w16').val('16'); $('#bagsize #w18').val('18'); $('#bagsize #w20').val('20'); $('#bagsize #w24').val('24'); $('#bagsize #w26').val('26'); var stemI = $('#slide_stem').text()*3.2808399; $('#slide_stem').text(stemI.toFixed(2)); var buttI = $('#slide_butt').text()*3.2808399; $('#slide_butt').text(buttI.toFixed(2)); var gradeI = $('#slide_grade').text()*3.2808399; $('#slide_grade').text(gradeI.toFixed(2)); if ($('#radius').val() != 0) { var radiusI = $('#radius').val()*3.2808399; $('#radius').val(radiusI.toFixed(2)); } if ($('#area').val() != 0) { var areaI = $('#area').val()*10.7639104; $('#area').val(areaI.toFixed(2)); } // Height Update var domeheightI = ($('#radius').val()*2+stemI).toFixed(2); $('#heightMeasure').text(domeheightI); } else if (radio_value == "Metric") { $('span#unit_Idistance').hide(); $('span#unit_Mdistance').show(); $('span#bagunit_imperial').hide(); $('span#bagunit_metric').show(); $('span#unit_Ivolume').hide(); $('span#unit_Mvolume').show(); $('#barblength').val('400'); $('#cementvolume').val('50'); $('#bagsize #w14').val('35.56'); $('#bagsize #w16').val('40.64'); $('#bagsize #w18').val('45.72'); $('#bagsize #w20').val('50.8'); $('#bagsize #w24').val('60.96'); $('#bagsize #w26').val('66.04'); var stemM = $('#slide_stem').text()*0.3048; $('#slide_stem').text(stemM.toFixed(2)); var buttI = $('#slide_butt').text()*0.3048; $('#slide_butt').text(buttI.toFixed(2)); var gradeI = $('#slide_grade').text()*0.3048; $('#slide_grade').text(gradeI.toFixed(2)); if ($('#radius').val() != 0) { var radiusI = $('#radius').val()*0.3048; $('#radius').val(radiusI.toFixed(2)); } if ($('#area').val() != 0) { var areaM = $('#area').val()*0.09290304; $('#area').val(areaM.toFixed(2)); } // Height Update var domeheightM = ($('#radius').val()*2+stemM).toFixed(2); $('#heightMeasure').text(domeheightM); } }); //Bag Dimension Slider Update var updateSlide = (function () { var size = $('#bagsize').val(); var bagsizeW = (size * 0.707); var bagsizeWmax = (size * 0.807); var bagsizeWmin = (size * 0.607); var bagsizeH = (size - size * 0.707); var bagsizeHmax = (size - size * 0.607); var bagsizeHmin = (size - size * 0.807); $("#slider-width").slider("option", "min", bagsizeWmin); $("#slider-width").slider("option", "max", bagsizeWmax); $("#slider-width").slider("option", "value", bagsizeW); $( "#bWidth" ).val($( "#slider-width" ).slider( "value" ).toFixed(2)); $('#bagpic').width(180); $("#slider-height").slider("option", "min", bagsizeHmin); $("#slider-height").slider("option", "max", bagsizeHmax); $("#slider-height").slider("option", "value", bagsizeH); $( "#bHeight" ).val($( "#slider-height" ).slider( "value" ).toFixed(2)); $('#bagpic').height(60); }); $('#bagsize').on('change', (updateSlide)); $("input[name='unit']").on('change', (updateSlide)); //Dome Control Slider Update var updateDome = (function () { var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var bagCon = ($( "#bHeight" ).val()/12); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (10/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } else if (radio_value == "Metric") { var bagCon = ($( "#bHeight" ).val()/100); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (3.048/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } //B&G UPDATE var domeMax = parseInt($('#radius').val()*2/bagCon); var gradeMax = domeMax+parseInt(stemValue); if (gradeMax < $('#grade').val()) { var gradeValue = gradeMax; } else if (gradeMax >= $('#grade').val()) { var gradeValue = $('#grade').val(); } var buttMax = gradeMax-gradeValue; if (buttMax < $('#butt').val()) { var buttValue = buttMax; } else if (buttMax >= $('#butt').val()) { var buttValue = $('#butt').val(); } var buttHeight = buttValue*bagCon; var gradeHeight = gradeValue*bagCon; $("#slider-stem").slider("option", "max", stemMax.toFixed(0)); $("#slider-stem").slider("option", "value", stemValue); $( "#sWall" ).val( $( "#slider-stem" ).slider( "value" ) ); $( "#slide_stem" ).text( stemHeight.toFixed(2) ); $("#slider-butt").slider("option", "max", buttMax); $("#slider-butt").slider("option", "value", buttValue); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); $( "#slide_butt" ).text( buttHeight.toFixed(2) ); $("#slider-grade").slider("option", "max", gradeMax); $("#slider-grade").slider("option", "value", gradeValue); $( "#grade" ).val( $( "#slider-grade" ).slider( "value" ) ); $( "#slide_grade" ).text( gradeHeight.toFixed(2) ); //PIC UPDATE var diff = $('#sWall').val(); $('#stemPic div').remove(); var groundHeight = 30+($('#grade').val()*15); var skyHeight = 301+(diff*15)-($('#butt').val()*15)-($('#grade').val()*15); $('div.sky').height(skyHeight); $('div.ground').height(groundHeight); while (diff--) { $('#stemPic').append('
'); } // Height Update var domeheight = ($('#radius').val()*2+parseFloat($('span#slide_stem').text())).toFixed(2); $('#heightMeasure').text(domeheight); var rowHeight= parseInt(($('#radius').val()*2)/bagCon+stemValue); $('#rowMeasure').text(rowHeight); }); $('#radius').on('change', (updateDome)); $('#area').on('change', (updateDome)); $('#bagsize').on('change', (updateDome)); // Radius Error Check var rCheck = (function () { var radio_value = $("input[name='unit']:checked").val(); if ($(this).data('old') != $(this).val() && $('#radius').val()>($('#bagsize').val()/2) && (radio_value == "Imperial") && $('#radius').val().length > 0) { $('.radiusErr').show("pulsate", { times:2 }, 1000); $('span#maxRad').text(($('#bagsize').val()/2).toFixed(2)); setTimeout(function() { $('#radius').illuminate({ 'intensity': '0.8', 'blink': 'true', 'blinkSpeed': '1200', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#005aff' }); $('#radius').addClass('blueHighlight'); $('#radius').removeClass('afterEff'); }); } else if ($(this).data('old') != $(this).val() && $('#radius').val()<=($('#bagsize').val()/2) && (radio_value == "Imperial") && $('#radius').val().length > 0) { $('.radiusErr').hide('slow'); $('.submitErr .radiusErr').hide(); $('#radius').removeClass('blueHighlight'); $('#radius').addClass('afterEff'); $('#radius').illuminate({ 'intensity': '0', 'blink': 'false', 'blinkSpeed': '0', 'outerGlow': 'false', 'outerGlowSize': '0px' }); // $('#radius, input#radius').illuminateDie(); } else if ($(this).data('old') != $(this).val() && $('#radius').val()>($('#bagsize').val()*.06) && (radio_value == "Metric") && $('#radius').val().length > 0) { $('.radiusErr').show("pulsate", { times:2 }, 1000); $('span#maxRad').text(($('#bagsize').val()*.06).toFixed(2)); setTimeout(function() { $('#radius').illuminate({ 'intensity': '0.8', 'blink': 'true', 'blinkSpeed': '1200', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#005aff' }); $('#radius').addClass('blueHighlight'); $('#radius').removeClass('afterEff'); }); } else if ($(this).data('old') != $(this).val() && $('#radius').val()<=($('#bagsize').val()*.06) && (radio_value == "Metric") && $('#radius').val().length > 0) { $('.radiusErr').hide('slow'); $('.submitErr .radiusErr').hide(); $('#radius').removeClass('blueHighlight'); $('#radius').addClass('afterEff'); $('#radius').illuminate({ 'intensity': '0', 'blink': 'false', 'blinkSpeed': '1200', 'outerGlow': 'false', 'outerGlowSize': '0px' }); // $('#radius, input#radius').illuminateDie(); } else if ($('#radius').val().length === 0 && (radio_value == "Imperial")) { $('.radiusErr').show("pulsate", { times:2 }, 1000); $('span#maxRad').text(($('#bagsize').val()/2).toFixed(2)); } else if ($('#radius').val().length === 0 && (radio_value == "Metric")) { $('.radiusErr').show("pulsate", { times:2 }, 1000); $('span#maxRad').text(($('#bagsize').val()*.06).toFixed(2)); } setTimeout(function() { var dHeight = $('.drawing').height(); $('.floatH').animate({height:dHeight},500); }, 650); }); $('#radius').blur(rCheck); $('#area').blur(rCheck); $('#bagsize').on('change', (rCheck)); $("input[name='unit']").on('change', (rCheck)); // SLIDERS //BAG WIDTH $(function() { $( "#slider-width" ).slider({ step: 0.01, range: "min", value: $('#bagsize').val() * .707, min: $('#bagsize').val() * .607, max: $('#bagsize').val() * .807, slide: function( event, ui ) { var formatW = (ui.value).toFixed(2); $( "#bWidth" ).val(formatW); var updateH = ($('#bagsize').val() - formatW).toFixed(2); $( "#bHeight" ).val(updateH); $("#slider-height").slider("option", "value", updateH); var bagpicW = parseFloat(formatW) / (parseFloat(formatW) + parseFloat(updateH)) * 240; var bagpicH = parseFloat(updateH) / (parseFloat(formatW) + parseFloat(updateH)) * 240; $('#bagpic').width(bagpicW); $('#bagpic').height(bagpicH); }, stop: function(event, ui) { //REPEAT DOMEUPDATE var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var bagCon = ($( "#bHeight" ).val()/12); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (10/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } else if (radio_value == "Metric") { var bagCon = ($( "#bHeight" ).val()/100); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (3.048/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } //B&G UPDATE var domeMax = parseInt($('#radius').val()*2/bagCon); var gradeMax = domeMax+parseInt(stemValue); if (gradeMax < $('#grade').val()) { var gradeValue = gradeMax; } else if (gradeMax >= $('#grade').val()) { var gradeValue = $('#grade').val(); } var buttMax = gradeMax-gradeValue; if (buttMax < $('#butt').val()) { var buttValue = buttMax; } else if (buttMax >= $('#butt').val()) { var buttValue = $('#butt').val(); } var buttHeight = buttValue*bagCon; var gradeHeight = gradeValue*bagCon; $("#slider-stem").slider("option", "max", stemMax.toFixed(0)); $("#slider-stem").slider("option", "value", stemValue); $( "#sWall" ).val( $( "#slider-stem" ).slider( "value" ) ); $( "#slide_stem" ).text( stemHeight.toFixed(2) ); $("#slider-butt").slider("option", "max", buttMax); $("#slider-butt").slider("option", "value", buttValue); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); $( "#slide_butt" ).text( buttHeight.toFixed(2) ); $("#slider-grade").slider("option", "max", gradeMax); $("#slider-grade").slider("option", "value", gradeValue); $( "#grade" ).val( $( "#slider-grade" ).slider( "value" ) ); $( "#slide_grade" ).text( gradeHeight.toFixed(2) ); //PIC UPDATE var diff = $('#sWall').val(); $('#stemPic div').remove(); var groundHeight = 30+($('#grade').val()*15); var skyHeight = 301+(diff*15)-($('#butt').val()*15)-($('#grade').val()*15); if (groundHeight > ($('.domeimg').height() + $('#stemPic').height() + 30)) { groundHeight = $('.domeimg').height() + $('#stemPic').height() + 30; } $('div.sky').height(skyHeight); $('div.ground').height(groundHeight); while (diff--) { $('#stemPic').append(''); } // Height Update var domeheight = ($('#radius').val()*2+parseFloat($('span#slide_stem').text())).toFixed(2); $('#heightMeasure').text(domeheight); var rowHeight= parseInt(($('#radius').val()*2)/bagCon+stemValue); $('#rowMeasure').text(rowHeight); //CONTAINER HEIGHT UPDATE $('.floatH').height($('.drawing').height()); } }); $( "#bWidth" ).val($( "#slider-width" ).slider( "value" ).toFixed(2)); }); //BAG HEIGHT $(function() { $( "#slider-height" ).slider({ orientation: "vertical", step: 0.01, range: "min", value: $('#bagsize').val() - $('#bagsize').val() * .707, min: $('#bagsize').val() - $('#bagsize').val() * .807, max: $('#bagsize').val() - $('#bagsize').val() * .607, slide: function( event, ui ) { var formatH = (ui.value).toFixed(2); $( "#bHeight" ).val(formatH); var updateW = ($('#bagsize').val() - formatH).toFixed(2); $( "#bWidth" ).val(updateW); $("#slider-width").slider("option", "value", updateW); var bagpicW = parseFloat(updateW) / (parseFloat(updateW) + parseFloat(formatH)) * 240; var bagpicH = parseFloat(formatH) / (parseFloat(updateW) + parseFloat(formatH)) * 240; $('#bagpic').width(bagpicW); $('#bagpic').height(bagpicH); }, stop: function(event, ui) { //REPEAT DOMEUPDATE var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var bagCon = ($( "#bHeight" ).val()/12); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (10/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } else if (radio_value == "Metric") { var bagCon = ($( "#bHeight" ).val()/100); var stemValue = (parseFloat($( "#slide_stem" ).text())/bagCon); var stemMax = (3.048/bagCon); var stemHeight = (stemValue.toFixed(0) * bagCon.toFixed(2)); } //B&G UPDATE var domeMax = parseInt($('#radius').val()*2/bagCon); var gradeMax = domeMax+parseInt(stemValue); if (gradeMax < $('#grade').val()) { var gradeValue = gradeMax; } else if (gradeMax >= $('#grade').val()) { var gradeValue = $('#grade').val(); } var buttMax = gradeMax-gradeValue; if (buttMax < $('#butt').val()) { var buttValue = buttMax; } else if (buttMax >= $('#butt').val()) { var buttValue = $('#butt').val(); } var buttHeight = buttValue*bagCon; var gradeHeight = gradeValue*bagCon; $("#slider-stem").slider("option", "max", stemMax.toFixed(0)); $("#slider-stem").slider("option", "value", stemValue); $( "#sWall" ).val( $( "#slider-stem" ).slider( "value" ) ); $( "#slide_stem" ).text( stemHeight.toFixed(2) ); $("#slider-butt").slider("option", "max", buttMax); $("#slider-butt").slider("option", "value", buttValue); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); $( "#slide_butt" ).text( buttHeight.toFixed(2) ); $("#slider-grade").slider("option", "max", gradeMax); $("#slider-grade").slider("option", "value", gradeValue); $( "#grade" ).val( $( "#slider-grade" ).slider( "value" ) ); $( "#slide_grade" ).text( gradeHeight.toFixed(2) ); //PIC UPDATE var diff = $('#sWall').val(); $('#stemPic div').remove(); var groundHeight = 30+($('#grade').val()*15); var skyHeight = 301+(diff*15)-($('#butt').val()*15)-($('#grade').val()*15); if (groundHeight > ($('.domeimg').height() + $('#stemPic').height() + 30)) { groundHeight = $('.domeimg').height() + $('#stemPic').height() + 30; } $('div.sky').height(skyHeight); $('div.ground').height(groundHeight); while (diff--) { $('#stemPic').append(''); } // Height Update var domeheight = ($('#radius').val()*2+parseFloat($('span#slide_stem').text())).toFixed(2); $('#heightMeasure').text(domeheight); var rowHeight= parseInt(($('#radius').val()*2)/bagCon+stemValue); $('#rowMeasure').text(rowHeight); //CONTAINER HEIGHT UPDATE $('.floatH').height($('.drawing').height()); } }); $( "#bHeight" ).val($( "#slider-height" ).slider( "value" ).toFixed(2)); }); //STEMWALL $(function() { $( "#slider-stem" ).slider({ orientation: "vertical", range: "min", min: 0, max: 29, value: 0, slide: function( event, ui ) { //UPDATE VALUES $( "#sWall" ).val( ui.value ); var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var stemHeight = (((ui.value) * $( "#bHeight" ).val())/12).toFixed(2); } else if (radio_value == "Metric") { var stemHeight = (((ui.value) * $( "#bHeight" ).val())/100).toFixed(2); } $( "#slide_stem" ).text( stemHeight ); }, stop: function(event, ui) { //B&G UPDATE var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var bagHeight = ($( "#bHeight" ).val()/12); var stemAdd = 1; } else if (radio_value == "Metric") { var bagHeight = ($( "#bHeight" ).val()/100); var stemAdd = 0.3048; } var domeMax = parseInt($('#radius').val()*2/bagHeight); var gradeMax = domeMax+parseInt($('#sWall').val()); if (gradeMax < $('#grade').val()) { var gradeValue = gradeMax; } else if (gradeMax >= $('#grade').val()) { var gradeValue = $('#grade').val(); } var buttMax = gradeMax-gradeValue; if (buttMax < $('#butt').val()) { var buttValue = buttMax; } else if (buttMax >= $('#butt').val()) { var buttValue = $('#butt').val(); } var buttHeight = buttValue*bagHeight; var gradeHeight = gradeValue*bagHeight; $("#slider-butt").slider("option", "max", buttMax); $("#slider-butt").slider("option", "value", buttValue); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); $( "#slide_butt" ).text( buttHeight.toFixed(2) ); $("#slider-grade").slider("option", "max", gradeMax); $("#slider-grade").slider("option", "value", gradeValue); $( "#grade" ).val( $( "#slider-grade" ).slider( "value" ) ); $( "#slide_grade" ).text( gradeHeight.toFixed(2) ); //PIC UPDATE var diff = ui.value; $('#stemPic div').remove(); var groundHeight = 30+($('#grade').val()*15); var skyHeight = 301+(diff*15)-($('#butt').val()*15)-($('#grade').val()*15); if (groundHeight > ($('.domeimg').height() + $('#stemPic').height() + 30)) { groundHeight = $('.domeimg').height() + $('#stemPic').height() + 30; } $('div.sky').height(skyHeight); $('div.ground').height(groundHeight); while (diff--) { $('#stemPic').append(''); } // Height Update var domeheight = ($('#radius').val()*2+parseFloat($('span#slide_stem').text())).toFixed(2); $('#heightMeasure').text(domeheight); var rowHeight= parseInt(($('#radius').val()*2)/bagHeight)+parseInt(ui.value); $('#rowMeasure').text(rowHeight); //CONTAINER HEIGHT UPDATE $('.floatH').height($('.drawing').height()); //STEM ERROR if (ui.value==0) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); } else if ($( "#slide_stem" ).text()>(buttHeight+gradeHeight-stemAdd)) { if ($('.stemError').is(":visible")) { $('.errorMark').show("pulsate", { times:2 }, 1000); } else { $('.stemError').show("pulsate", { times:2 }, 1000); $('.errorMark').show("pulsate", { times:2 }, 1000); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('redHighlight'); setTimeout(function() { $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminate({ 'intensity': '0.3', 'blink': 'true', 'blinkSpeed': '800', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#FF0000' }); }, 1200); } } else if ($( "#slide_stem" ).text()<(buttHeight+gradeHeight-stemAdd)) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); } } }); $( "#sWall" ).val( $( "#slider-stem" ).slider( "value" ) ); }); //BUTTRESS $(function() { $( "#slider-butt" ).slider({ orientation: "vertical", range: "min", min: 0, max: 0, value: 0, slide: function( event, ui ) { $( "#butt" ).val( ui.value ); var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var buttHeight = (((ui.value) * $( "#bHeight" ).val())/12).toFixed(2); } else if (radio_value == "Metric") { var buttHeight = (((ui.value) * $( "#bHeight" ).val())/100).toFixed(2); } $( "#slide_butt" ).text( buttHeight ); }, stop: function(event, ui) { var diff = ui.value; var groundHeight = 30+($('#grade').val()*15); var skyHeight = 301-(diff*15)+($('#sWall').val()*15)-($('#grade').val()*15); if (skyHeight <= 0) { $('div.sky').height(0); } else { $('div.sky').height(skyHeight); } $('div.ground').height(groundHeight); //STEM ERROR var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var stemAdd = 1; } else if (radio_value == "Metric") { var stemAdd = 0.3048; } var gradeHeight = parseFloat($( "#slide_grade" ).text()); var buttHeight = parseFloat($( "#slide_butt" ).text()); if ($('#sWall').val() == 0) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); } else if ($( "#slide_stem" ).text()>(buttHeight+gradeHeight-stemAdd)) { if ($('.stemError').is(":visible")) { $('.errorMark').show("pulsate", { times:2 }, 1000); } else { $('.stemError').show("pulsate", { times:2 }, 1000); $('.errorMark').show("pulsate", { times:2 }, 1000); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('redHighlight'); setTimeout(function() { $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminate({ 'intensity': '0.3', 'blink': 'true', 'blinkSpeed': '800', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#FF0000' }); }, 1200); } } else if ($( "#slide_stem" ).text()<(buttHeight+gradeHeight-stemAdd)) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); } } }); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); }); //GRADE $(function() { $( "#slider-grade" ).slider({ orientation: "vertical", range: "min", min: 0, max: 0, value: 0, slide: function( event, ui ) { $( "#grade" ).val( ui.value ); var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var gradeHeight = (((ui.value) * $( "#bHeight" ).val())/12).toFixed(2); } else if (radio_value == "Metric") { var gradeHeight = (((ui.value) * $( "#bHeight" ).val())/100).toFixed(2); } $( "#slide_grade" ).text( gradeHeight ); }, stop: function(event, ui) { var diff = ui.value; //STEM UPDATE var radio_value = $("input[name='unit']:checked").val(); if (radio_value == "Imperial") { var bagHeight = ($( "#bHeight" ).val()/12); var stemAdd = 1; } else if (radio_value == "Metric") { var bagHeight = ($( "#bHeight" ).val()/100); var stemAdd = 0.3048; } var domeMax = parseInt($('#radius').val()*2/bagHeight); var buttMax = domeMax+parseInt($('#sWall').val())- ui.value; if (buttMax < $('#butt').val()) { var buttValue = buttMax; } else if (buttMax >= $('#butt').val()) { var buttValue = $('#butt').val(); } var buttHeight = buttValue*bagHeight; $("#slider-butt").slider("option", "max", buttMax); $("#slider-butt").slider("option", "value", buttValue); $( "#butt" ).val( $( "#slider-butt" ).slider( "value" ) ); $( "#slide_butt" ).text( buttHeight.toFixed(2) ); //PIC UPDATE var groundHeight = 30+(diff*15); var skyHeight = 301-($('#butt').val()*15)+($('#sWall').val()*15)-(diff*15); if (groundHeight > ($('.domeimg').height() + $('#stemPic').height() + 30)) { groundHeight = $('.domeimg').height() + $('#stemPic').height() + 30; } $('div.sky').height(skyHeight); $('div.ground').height(groundHeight); //STEM ERROR var gradeHeight = parseFloat($( "#slide_grade" ).text()); var buttHeight = parseFloat($( "#slide_butt" ).text()); if ($('#sWall').val() == 0) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); } else if ($( "#slide_stem" ).text()>(buttHeight+gradeHeight-stemAdd)) { if ($('.stemError').is(":visible")) { $('.errorMark').show("pulsate", { times:2 }, 1000); } else { $('.stemError').show("pulsate", { times:2 }, 1000); $('.errorMark').show("pulsate", { times:2 }, 1000); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('redHighlight'); setTimeout(function() { $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminate({ 'intensity': '0.3', 'blink': 'true', 'blinkSpeed': '800', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#FF0000' }); }, 1200); } } else if ($( "#slide_stem" ).text()<(buttHeight+gradeHeight-stemAdd)) { $('.stemError').hide('slow'); $('.errorMark').hide('slow'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').illuminateDie(); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').addClass('afterEffect'); $('#slider-butt .ui-slider-handle, #slider-grade .ui-slider-handle').removeClass('redHighlight'); } } }); $( "#grade" ).val( $( "#slider-grade" ).slider( "value" ) ); }); //MIX SLIDERS //SAND SLIDER $(function() { $( "#slider-sand" ).slider({ range: "min", value: 0, min: 0, max: 40, slide: function( event, ui ) { $( "#sand" ).val( ui.value ); var earthValue = 100 - $( "#sand" ).val() - $( "#rock" ).val(); $('#earthMix').val(earthValue); } }); $( "#sand" ).val( $( "#slider-sand" ).slider( "value" ) ); }); //ROCK SLIDER $(function() { $( "#slider-rock" ).slider({ range: "min", value: 0, min: 0, max: 60, slide: function( event, ui ) { $( "#rock" ).val( ui.value ); var earthValue = 100 - $( "#sand" ).val() - $( "#rock" ).val(); $('#earthMix').val(earthValue); } }); $( "#rock" ).val( $( "#slider-rock" ).slider( "value" ) ); }); //CEMENT SLIDER $(function() { $( "#slider-cement" ).slider({ range: "min", value: 10, min: 0, max: 30, slide: function( event, ui ) { $( "#cement" ).val( ui.value ); } }); $( "#cement" ).val( $( "#slider-cement" ).slider( "value" ) ); }); //MINIMIZE & MAXIMIZE var minMax = (function () { var expand = $(this).siblings(".expand"); if ($(this).hasClass('maximize')) { var minmax = $(this).siblings('.minimize'); } else { var minmax = $(this).siblings('.maximize'); } $(this).toggle(); minmax.toggle(); expand.slideToggle('slow'); //CONTAINER HEIGHT UPDATE $('.floatH').height($('.drawing').height()); $('.drawing').stickyfloat({duration: 400, lockBottom: false, delay:400, easing:'easeInOutQuad'}); }); $('.minimize').on('click', (minMax)); $('.maximize').on('click', (minMax)); //DIALOG jQuery(function($) { $('.question').each(function() { $.data(this, 'dialog', $(this).next('#tip').dialog({ autoOpen: false, modal: false, width: 600, height: 400 }) ); }).click(function() { $.data(this, 'dialog').dialog('open'); }); }); //VALIDATION $('.submitErr').dialog({ autoOpen: false, modal: false, width: 600, height: 400 }) $('.successMsg').dialog({ autoOpen: false, modal: false, width: 600, height: 400 }) $('.userAgg').dialog({ autoOpen: false, modal: true, closeOnEscape: false, width: 600, height: 400, dialogClass: 'no-close' }) $("form").submit(function() { if ($('.stemError').is(":visible") && $('.radiusErr').is(":visible")) { if ($('#advDome').is(":hidden")) { $('#advDome').slideDown('slow'); $('.domeinputs .maximize').hide(); $('.domeinputs .minimize').show(); } $('.radTip').show(); $('.stemTip').show(); $('.submitErr').dialog("open"); $('#radius').illuminate({ 'intensity': '0.8', 'blink': 'true', 'blinkSpeed': '1200', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#005aff' }); $('#radius').addClass('blueHighlight'); return false; } else if ($('.stemError').is(":visible")){ if ($('#advDome').is(":hidden")) { $('#advDome').slideDown('slow'); $('.domeinputs .maximize').hide(); $('.domeinputs .minimize').show(); } $('.radTip').hide(); $('.stemTip').show(); $('.submitErr').dialog("open"); return false; } else if ($('.radiusErr').is(":visible")){ $('.radTip').show(); $('.stemTip').hide(); $('.submitErr').dialog("open"); $('#radius').illuminate({ 'intensity': '0.8', 'blink': 'true', 'blinkSpeed': '1200', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#005aff' }); $('#radius').addClass('blueHighlight'); return false; } $('.successMsg').dialog("open"); //REMOVE THIS LATER return false; }); // Numeric Only $(".numeric").numeric(); $(".integer").numeric(false, function() { alert("Integers only"); this.value = ""; this.focus(); }); $(".positive").numeric({ negative: false }, function() { alert("No negative values"); this.value = ""; this.focus(); }); $(".positive-integer").numeric({ decimal: false, negative: false }, function() { alert("Positive integers only"); this.value = ""; this.focus(); }); $("#remove").click( function(e) { e.preventDefault(); $(".numeric,.integer,.positive").removeNumeric(); } ); //SUBMIT SHADOW $('#form_submit').mouseout(function(){ $('#form_submit').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'slow'); }).mousedown(function(){ $('#form_submit').stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast'); }).mouseup(function(){ $('#form_submit').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'slow'); }); });