/*jslint nomen:false, debug:true, evil:true, vars:false, browser:true, forin:true, undef:false, white:false */
/**
 * Includes a Form with javascript
 * @param {Object} formId
 * @param {Object} initialHeight
 * @param {Object} iframeCode
 */
function FrameBuilder (formId, appendTo, initialHeight, iframeCode){
    this.formId = formId;
    this.initialHeight = initialHeight;
    this.iframeCode = iframeCode;
    this.frame = null;
    this.timeInterval= 200;
    this.appendTo = appendTo || false;
    
    // initialize function for object
    this.init = function(){
        this.createFrame();
        this.addFrameContent(this.iframeCode);
    };
    
    // Create the frame
    this.createFrame = function(){
        var htmlCode = "<"+"iframe src=\"\" allowtransparency=\"true\" frameborder=\"0\" name=\""+this.formId+"\" id=\""+this.formId+"\" style=\"width:100%; height:"+this.initialHeight+"px; border:none;\" scrolling=\"no\"></if"+"rame>";
        if(this.appendTo === false){
            document.write(htmlCode);
        }else{
            var tmp = document.createElement('div');
            tmp.innerHTML = htmlCode;
            var a = this.appendTo;
            document.getElementById(a).appendChild(tmp.firstChild);            
        }
        // also get the frame for future use.
        this.frame = document.getElementById(this.formId);
        // set the time on the on load event of the frame
        this.addEvent(this.frame, 'load', this.bindMethod(this.setTimer, this));
    };
    
    // add event function for different browsers
    this.addEvent = function( obj, type, fn ) {
        if ( obj.attachEvent ) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); };
            obj.attachEvent( "on"+type, obj[type+fn] );
        }
        else{
            obj.addEventListener( type, fn, false );   
        }
    };
    
    this.addFrameContent = function (string){
        string = string.replace(new RegExp('src\\=\\"[^"]*captcha.php\"><\/scr'+'ipt>', 'gim'), 'src="http://api.recaptcha.net/js/recaptcha_ajax.js"></scr'+'ipt><'+'div id="recaptcha_div"><'+'/div>'+
                '<'+'style>#recaptcha_logo{ display:none;} #recaptcha_tagline{display:none;} #recaptcha_table{border:none !important;} .recaptchatable .recaptcha_image_cell, #recaptcha_table{ background-color:transparent !important; } <'+'/style>'+
                '<'+'script defer="defer"> window.onload = function(){ Recaptcha.create("6Ld9UAgAAAAAAMon8zjt30tEZiGQZ4IIuWXLt1ky", "recaptcha_div", {theme: "clean",tabindex: 0,callback: function (){'+
                'if (document.getElementById("uword")) { document.getElementById("uword").parentNode.removeChild(document.getElementById("uword")); } if (window["validate"] !== undefined) { if (document.getElementById("recaptcha_response_field")){ document.getElementById("recaptcha_response_field").onblur = function(){ validate(document.getElementById("recaptcha_response_field"), "Required"); } } } if (document.getElementById("recaptcha_response_field")){ document.getElementsByName("recaptcha_challenge_field")[0].setAttribute("name", "anum"); } if (document.getElementById("recaptcha_response_field")){ document.getElementsByName("recaptcha_response_field")[0].setAttribute("name", "qCap"); }}})'+
                ' }<'+'/script>');
        string = string.replace(/(type="text\/javascript">)\s+(validate\(\"[^"]*"\);)/, '$1 jTime = setInterval(function(){if("validate" in window){$2clearTimeout(jTime);}}, 1000);');
        var frameDocument = (this.frame.contentWindow) ? this.frame.contentWindow : (this.frame.contentDocument.document) ? this.frame.contentDocument.document : this.frame.contentDocument;
        frameDocument.document.open();
        frameDocument.document.write(string);
        setTimeout( function(){
            frameDocument.document.close();
            try{
                if('JotFormFrameLoaded' in window){
                    JotFormFrameLoaded();
                }
            }catch(e){}
        },200);
    };
    
    this.setTimer = function(){
        var self = this;
        this.interval = setTimeout(function(){self.changeHeight();},this.timeInterval);
    };
    
    this.changeHeight = function (){
        var actualHeight = this.getBodyHeight();
        var currentHeight = this.getViewPortHeight();
        if(actualHeight === undefined){
            this.frame.style.height = "100%";
            if(!this.frame.style.minHeight){
                this.frame.style.minHeight = "300px";
            }
        }else if  (Math.abs(actualHeight - currentHeight) > 18){
            this.frame.style.height = (actualHeight)+"px";
        }
        this.setTimer();
    };
    
    this.bindMethod = function(method, scope) {
        return function() {
            method.apply(scope,arguments);
        };
    };
    
    this.getBodyHeight = function (){
        var height;
        var scrollHeight;
        var offsetHeight;
        try{  // Prevent IE from throw errors
            if (this.frame.contentWindow.document.height){
                
                height = this.frame.contentWindow.document.height;
                //Emre: to prevent "iframe height"  problem (61059)
                if (this.frame.contentWindow.document.body.scrollHeight){
                    height = scrollHeight = this.frame.contentWindow.document.body.scrollHeight;
                }
                
                if (this.frame.contentWindow.document.body.offsetHeight){
                    height = offsetHeight = this.frame.contentWindow.document.body.offsetHeight;
                }
                
            } else if (this.frame.contentWindow.document.body){
                
                if (this.frame.contentWindow.document.body.scrollHeight){
                    height = scrollHeight = this.frame.contentWindow.document.body.scrollHeight;
                }
                
                if (this.frame.contentWindow.document.body.offsetHeight){
                    height = offsetHeight = this.frame.contentWindow.document.body.offsetHeight;
                }
                
                if (scrollHeight && offsetHeight){
                    height = Math.max(scrollHeight, offsetHeight);
                }
            }            
        }catch(e){ }
        return height;
    };
    
    this.getViewPortHeight = function(){
        var height = 0;
        try{ // Prevent IE from throw errors
            if (this.frame.contentWindow.window.innerHeight)
            {
                height = this.frame.contentWindow.window.innerHeight - 18;
            }
            else if ((this.frame.contentWindow.document.documentElement) &&
                     (this.frame.contentWindow.document.documentElement.clientHeight))
            {
                height = this.frame.contentWindow.document.documentElement.clientHeight;
            }
            else if ((this.frame.contentWindow.document.body) &&
                     (this.frame.contentWindow.document.body.clientHeight))
            {
                height = this.frame.contentWindow.document.body.clientHeight;
            }            
        }catch(e){ }
        return height;
    };
    
    this.init();
}
FrameBuilder.get = [];
var i2435858720 = new FrameBuilder("2435858720", false, "", "<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html><head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\" \/>\n<meta name=\"HandheldFriendly\" content=\"true\" \/>\n<title>Form<\/title>\n<link href=\"http:\/\/max.jotfor.ms\/min\/g=formCss?3.0.2431\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<style type=\"text\/css\">\n    .form-label{\n        width:150px !important;\n    }\n    .form-label-left{\n        width:150px !important;\n    }\n    .form-line{\n        padding:10px;\n    }\n    .form-label-right{\n        width:150px !important;\n    }\n    body, html{\n        margin:0;\n        padding:0;\n        background:false;\n    }\n\n    .form-all{\n        margin:0px auto;\n        padding-top:0px;\n        width:650px;\n        color:Black !important;\n        font-family:Verdana;\n        font-size:11px;\n    }\n<\/style>\n\n<script src=\"http:\/\/max.jotfor.ms\/min\/g=jotform?3.0.2431\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\n var jsTime = setInterval(function(){try{\n   JotForm.jsForm = true;\n\n   JotForm.init(function(){\n      $('input_5').hint('ex: 23');\n      $('input_6').hint('ex: 23');\n      $('input_49').hint('ex: 23');\n      JotForm.description('input_49', 'Here we need to know what the maximum overall tip to tip width can be. As a general rule this is curtain width + 1.5\\\"');\n      JotForm.description('input_40', 'About how often will the guard open and close. This does not have to be exact.');\n      JotForm.description('input_41', 'Here we need to know if the roller will be high speed or standard speed. Again, exact numbers are not required.');\n      JotForm.description('input_21', 'How will the roller be used? Will it go up or down vertically or side to side horizontally?');\n      JotForm.description('input_50', 'Please check mark all the conditions that apply to your application.');\n      $('input_39').hint('Based on your description here, we will choose the correct type of material for the roller.');\n      JotForm.description('input_39', 'Please provide us with some basic information on the usage of the roller. This helps up make recommendations on the correct fabric and roller assemblies. ');\n      $('input_34').hint('ex: myname@example.com');\n   });\n\n   clearInterval(jsTime);\n }catch(e){}}, 1000);\n<\/script>\n<\/head>\n<body>\n<form class=\"jotform-form\" action=\"http:\/\/submit.jotform.com\/submit.php\" method=\"post\" name=\"form_2435858720\" id=\"2435858720\" accept-charset=\"utf-8\">\n  <input type=\"hidden\" name=\"formID\" value=\"2435858720\" \/>\n  <div class=\"form-all\">\n    <ul class=\"form-section\">\n      <li id=\"cid_11\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_11\" class=\"form-header\">\n            Roller Guard Dimensions\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_48\">\n        <div id=\"cid_48\" class=\"form-input-wide\">\n          <img alt=\"\" class=\"form-image\" border=\"0\" src=\"http:\/\/www.jotform.com\/uploads\/booker12\/form_files\/31.JPG\" height=\"281\" width=\"302\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_5\">\n        <label class=\"form-label-top\" id=\"label_5\" for=\"input_5\"> A: (inches) <\/label>\n        <div id=\"cid_5\" class=\"form-input-wide\">\n          <input type=\"number\" class=\"form-textbox validate[Numeric]\" id=\"input_5\" name=\"q5_ainches\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_6\">\n        <label class=\"form-label-top\" id=\"label_6\" for=\"input_6\"> B: (inches) <\/label>\n        <div id=\"cid_6\" class=\"form-input-wide\">\n          <input type=\"number\" class=\"form-textbox validate[Numeric]\" id=\"input_6\" name=\"q6_binches\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_49\">\n        <label class=\"form-label-top\" id=\"label_49\" for=\"input_49\"> C: (inches) Maximum? <\/label>\n        <div id=\"cid_49\" class=\"form-input-wide\">\n          <input type=\"number\" class=\"form-textbox validate[Numeric]\" id=\"input_49\" name=\"q49_cinches\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_31\">\n        <label class=\"form-label-top\" id=\"label_31\" for=\"input_31\"> Quantity: <\/label>\n        <div id=\"cid_31\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_31\" name=\"q31_quantity31\" size=\"4\" \/>\n        <\/div>\n      <\/li>\n      <li id=\"cid_14\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_14\" class=\"form-header\">\n            Duty Cycle\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_40\">\n        <label class=\"form-label-top\" id=\"label_40\" for=\"input_40\"> Number of cycles per hour: <\/label>\n        <div id=\"cid_40\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_40\" name=\"q40_numberOf40\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_43\">\n        <label class=\"form-label-top\" id=\"label_43\" for=\"input_43\"> Number of cycles per day: <\/label>\n        <div id=\"cid_43\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_43\" name=\"q43_numberOf\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_42\">\n        <label class=\"form-label-top\" id=\"label_42\" for=\"input_42\"> Number of cycles per week: <\/label>\n        <div id=\"cid_42\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_42\" name=\"q42_numberOf42\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li id=\"cid_17\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_17\" class=\"form-header\">\n            Rate of Extension\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_41\">\n        <label class=\"form-label-top\" id=\"label_41\" for=\"input_41\"> Rate of extension (inches per second): <\/label>\n        <div id=\"cid_41\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_41\" name=\"q41_rateOf\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_44\">\n        <label class=\"form-label-top\" id=\"label_44\" for=\"input_44\"> Rate of return (inches per second): <\/label>\n        <div id=\"cid_44\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_44\" name=\"q44_rateOf44\" size=\"5\" \/>\n        <\/div>\n      <\/li>\n      <li id=\"cid_20\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_20\" class=\"form-header\">\n            Roller Guard Orientation\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_21\">\n        <label class=\"form-label-left\" id=\"label_21\" for=\"input_21\"> Orientation: <\/label>\n        <div id=\"cid_21\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio\" id=\"input_21_0\" name=\"q21_orientation21\" value=\"The curtain will be PARALLEL to the floor\" \/>\n              <label for=\"input_21_0\"> The curtain will be PARALLEL to the floor <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio\" id=\"input_21_1\" name=\"q21_orientation21\" value=\"The curtain wil be PERPENDICULAR to the floor\" \/>\n              <label for=\"input_21_1\"> The curtain wil be PERPENDICULAR to the floor <\/label><\/span><span class=\"clearfix\"><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li id=\"cid_22\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_22\" class=\"form-header\">\n            Roller Guard Function:\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_50\">\n        <label class=\"form-label-left\" id=\"label_50\" for=\"input_50\"> Condition and Function: <\/label>\n        <div id=\"cid_50\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_50_0\" name=\"q50_conditionAnd[]\" value=\"Primary use is to protect pinch points\" \/>\n              <label for=\"input_50_0\"> Primary use is to protect pinch points <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_50_1\" name=\"q50_conditionAnd[]\" value=\"Will be exposed to excessive heat\" \/>\n              <label for=\"input_50_1\"> Will be exposed to excessive heat <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_50_2\" name=\"q50_conditionAnd[]\" value=\"Will be exposed to coolant fluids\" \/>\n              <label for=\"input_50_2\"> Will be exposed to coolant fluids <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_50_3\" name=\"q50_conditionAnd[]\" value=\"There will be chips and debris on the roller guard\" \/>\n              <label for=\"input_50_3\"> There will be chips and debris on the roller guard <\/label><\/span><span class=\"clearfix\"><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li id=\"cid_46\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_46\" class=\"form-header\">\n            Optional Components\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_52\">\n        <div id=\"cid_52\" class=\"form-input-wide\">\n          <img alt=\"\" class=\"form-image\" border=\"0\" src=\"http:\/\/www.jotform.com\/uploads\/booker12\/form_files\/32.JPG\" height=\"175\" width=\"291\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_47\">\n        <label class=\"form-label-left\" id=\"label_47\" for=\"input_47\"> Components: <\/label>\n        <div id=\"cid_47\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_47_0\" name=\"q47_components[]\" value=\"The roller requires a wiper to clear chips and debris from being rolled up\" \/>\n              <label for=\"input_47_0\"> The roller requires a wiper to clear chips and debris from being rolled up <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_47_1\" name=\"q47_components[]\" value=\"The roller requires a steel case to protect it\" \/>\n              <label for=\"input_47_1\"> The roller requires a steel case to protect it <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox\" id=\"input_47_2\" name=\"q47_components[]\" value=\"The roller only will work fine - MOST ECONOMICAL\" \/>\n              <label for=\"input_47_2\"> The roller only will work fine - MOST ECONOMICAL <\/label><\/span><span class=\"clearfix\"><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li id=\"cid_45\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_45\" class=\"form-header\">\n            Application Description\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_39\">\n        <label class=\"form-label-left\" id=\"label_39\" for=\"input_39\"> Please describe the environment and usage: <\/label>\n        <div id=\"cid_39\" class=\"form-input\">\n          <textarea id=\"input_39\" class=\"form-textarea\" name=\"q39_pleaseDescribe\" cols=\"40\" rows=\"6\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li id=\"cid_32\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_32\" class=\"form-header\">\n            Contact Info\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_37\">\n        <label class=\"form-label-left\" id=\"label_37\" for=\"input_37\"> Company <\/label>\n        <div id=\"cid_37\" class=\"form-input\">\n          <input type=\"number\" class=\"form-textbox\" id=\"input_37\" name=\"q37_company\" size=\"25\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_33\">\n        <label class=\"form-label-left\" id=\"label_33\" for=\"input_33\"> Full Name <\/label>\n        <div id=\"cid_33\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox\" type=\"text\" size=\"10\" name=\"q33_fullName33[first]\" id=\"first_33\" \/>\n            <label class=\"form-sub-label\" for=\"first_33\" id=\"sublabel_first\"> First Name <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox\" type=\"text\" size=\"15\" name=\"q33_fullName33[last]\" id=\"last_33\" \/>\n            <label class=\"form-sub-label\" for=\"last_33\" id=\"sublabel_last\"> Last Name <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_34\">\n        <label class=\"form-label-left\" id=\"label_34\" for=\"input_34\"> E-mail <\/label>\n        <div id=\"cid_34\" class=\"form-input\">\n          <input type=\"email\" class=\"form-textbox validate[Email]\" id=\"input_34\" name=\"q34_email34\" size=\"30\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_36\">\n        <label class=\"form-label-left\" id=\"label_36\" for=\"input_36\"> Phone Number <\/label>\n        <div id=\"cid_36\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox\" type=\"tel\" name=\"q36_phoneNumber36[area]\" id=\"input_36_area\" size=\"3\">\n            -\n            <label class=\"form-sub-label\" for=\"input_36_area\" id=\"sublabel_area\"> Area Code <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox\" type=\"tel\" name=\"q36_phoneNumber36[phone]\" id=\"input_36_phone\" size=\"8\">\n            <label class=\"form-sub-label\" for=\"input_36_phone\" id=\"sublabel_phone\"> Phone Number <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_2\">\n        <div id=\"cid_2\" class=\"form-input-wide\">\n          <div style=\"margin-left:156px\" class=\"form-buttons-wrapper\">\n            <button id=\"input_2\" type=\"submit\" class=\"form-submit-button\">\n              Submit Form\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li style=\"display:none\">\n        Should be Empty:\n        <input type=\"text\" name=\"website\" value=\"\" \/>\n      <\/li>\n    <\/ul>\n  <\/div>\n  <input type=\"hidden\" id=\"simple_spc\" name=\"simple_spc\" value=\"2435858720\" \/>\n  <script type=\"text\/javascript\">\n  document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"2435858720-2435858720\";\n  <\/script>\n<\/form><\/body>\n<\/html>\n");