/*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 i72820959925 = new FrameBuilder("72820959925", 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.2422\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<link type=\"text\/css\" rel=\"stylesheet\" href=\"http:\/\/www.jotform.com\/css\/styles\/jottheme.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:5px;\n    }\n    .form-label-right{\n        width:150px !important;\n    }\n    body, html{\n        margin:0;\n        padding:0;\n        background:white;\n    }\n\n    .form-all{\n        margin:0px auto;\n        padding-top:20px;\n        width:690px;\n        background:white;\n        color:black !important;\n        font-family:Verdana;\n        font-size:12px;\n    }\n<\/style>\n\n<script src=\"http:\/\/max.jotfor.ms\/min\/g=jotform?3.0.2422\" 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      JotForm.initCaptcha('input_27');\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_72820959925\" id=\"72820959925\" accept-charset=\"utf-8\">\n  <input type=\"hidden\" name=\"formID\" value=\"72820959925\" \/>\n  <div class=\"form-all\">\n    <ul class=\"form-section\">\n      <li class=\"form-line\" id=\"id_11\">\n        <label class=\"form-label-left\" id=\"label_11\" for=\"input_11\">\n          Company Name:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_11\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_11\" name=\"q11_companyName\" size=\"75\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_10\">\n        <label class=\"form-label-left\" id=\"label_10\" for=\"input_10\"> Address: <\/label>\n        <div id=\"cid_10\" class=\"form-input\">\n          <textarea id=\"input_10\" class=\"form-textarea\" name=\"q10_address\" cols=\"50\" rows=\"2\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_12\">\n        <label class=\"form-label-left\" id=\"label_12\" for=\"input_12\"> Mailing Address (if different): <\/label>\n        <div id=\"cid_12\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_12\" name=\"q12_mailingAddress\" size=\"50\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_0\">\n        <label class=\"form-label-left\" id=\"label_0\" for=\"input_0\"> City: <\/label>\n        <div id=\"cid_0\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_0\" name=\"q0_city\" size=\"50\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_8\">\n        <label class=\"form-label-left\" id=\"label_8\" for=\"input_8\"> Province <\/label>\n        <div id=\"cid_8\" class=\"form-input\">\n          <select class=\"form-dropdown\" style=\"width:150px\" id=\"input_8\" name=\"q8_province\">\n            <option>  <\/option>\n            <option value=\"Ontario\"> Ontario <\/option>\n            <option value=\"British Columbia\"> British Columbia <\/option>\n            <option value=\"Quebec\"> Quebec <\/option>\n            <option value=\"Manitoba\"> Manitoba <\/option>\n            <option value=\"Saskatchewan\"> Saskatchewan <\/option>\n            <option value=\"Alberta\"> Alberta <\/option>\n            <option value=\"Nova Scotia\"> Nova Scotia <\/option>\n            <option value=\"P.E.I.\"> P.E.I. <\/option>\n            <option value=\"Newfoundland\"> Newfoundland <\/option>\n          <\/select>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_7\">\n        <label class=\"form-label-left\" id=\"label_7\" for=\"input_7\"> Postal Code <\/label>\n        <div id=\"cid_7\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_7\" name=\"q7_postalCode\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_2\">\n        <label class=\"form-label-left\" id=\"label_2\" for=\"input_2\">\n          Company Contact Name:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_2\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_2\" name=\"q2_companyContact\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_3\">\n        <label class=\"form-label-left\" id=\"label_3\" for=\"input_3\">\n          E-mail:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_3\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_3\" name=\"q3_email\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_9\">\n        <label class=\"form-label-left\" id=\"label_9\" for=\"input_9\"> Phone: <\/label>\n        <div id=\"cid_9\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_9\" name=\"q9_phone\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_13\">\n        <label class=\"form-label-left\" id=\"label_13\" for=\"input_13\"> Fax: <\/label>\n        <div id=\"cid_13\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_13\" name=\"q13_fax\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_25\">\n        <label class=\"form-label-left\" id=\"label_25\" for=\"input_25\"> Cell: <\/label>\n        <div id=\"cid_25\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_25\" name=\"q25_cell\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_17\">\n        <label class=\"form-label-left\" id=\"label_17\" for=\"input_17\">\n          Member Category<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_17\" class=\"form-input\">\n          <select class=\"form-dropdown validate[required]\" style=\"width:150px\" id=\"input_17\" name=\"q17_memberCategory\">\n            <option>  <\/option>\n            <option value=\"Builder\"> Builder <\/option>\n            <option value=\"Renovator\"> Renovator <\/option>\n            <option value=\"Supplier\"> Supplier <\/option>\n            <option value=\"Trade Contractor\"> Trade Contractor <\/option>\n            <option value=\"Service Professional\"> Service Professional <\/option>\n          <\/select>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_14\">\n        <label class=\"form-label-left\" id=\"label_14\" for=\"input_14\"> Company Website: <\/label>\n        <div id=\"cid_14\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_14\" name=\"q14_companyWebsite\" size=\"60\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_19\">\n        <label class=\"form-label-left\" id=\"label_19\" for=\"input_19\"> Products and Services your company provides: <\/label>\n        <div id=\"cid_19\" class=\"form-input\">\n          <textarea id=\"input_19\" class=\"form-textarea\" name=\"q19_productsAnd\" cols=\"50\" rows=\"5\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_20\">\n        <label class=\"form-label-left\" id=\"label_20\" for=\"input_20\"> Company Description (as you would like it to appear on our website): <\/label>\n        <div id=\"cid_20\" class=\"form-input\">\n          <textarea id=\"input_20\" class=\"form-textarea\" name=\"q20_companyDescription\" cols=\"30\" rows=\"5\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_18\">\n        <label class=\"form-label-left\" id=\"label_18\" for=\"input_18\"> Number of Years in Business <\/label>\n        <div id=\"cid_18\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_18\" name=\"q18_numberOf\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_28\">\n        <label class=\"form-label-left\" id=\"label_28\" for=\"input_28\"> Number of Employees: <\/label>\n        <div id=\"cid_28\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_28\" name=\"q28_numberOf28\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_22\">\n        <label class=\"form-label-left\" id=\"label_22\" for=\"input_22\"> GST Number: <\/label>\n        <div id=\"cid_22\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_22\" name=\"q22_gstNumber\" size=\"40\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_21\">\n        <label class=\"form-label-left\" id=\"label_21\" for=\"input_21\"> WSIB Number: <\/label>\n        <div id=\"cid_21\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_21\" name=\"q21_wsibNumber\" size=\"40\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_29\">\n        <label class=\"form-label-left\" id=\"label_29\" for=\"input_29\"> Payroll Number: <\/label>\n        <div id=\"cid_29\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_29\" name=\"q29_payrollNumber\" size=\"50\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_24\">\n        <label class=\"form-label-left\" id=\"label_24\" for=\"input_24\">\n          MBA Sponsor Company\/Name:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_24\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_24\" name=\"q24_mbaSponsor\" size=\"75\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_26\">\n        <div id=\"cid_26\" class=\"form-input-wide\">\n          <div id=\"text_26\" class=\"form-html\">\n            DECLARATION: In submitting this application I state that all information contained on this application to be true and accurate and I authorize the Association to undertake investigative procedures to confirm the accuracy of such information including, but not limited to a verification of the credit worthiness of the applicant and reference checks. I understand that verification of compliance with the membership requirements will be required prior to any membership approval. The Board of Directors\n            reserves the right to reject any application for membership in the Association, or to defer consideration of an application. Should my application be rejected, I agree to fully indemnify and save harmless the Association and its directors from any and all loss, cost, claims or damage of whatever kind and however arising as a result of such refusal of this application.\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_27\">\n        <label class=\"form-label-left\" id=\"label_27\" for=\"input_27\">\n          Enter the code as it is shown:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_27\" class=\"form-input\">\n          <div class=\"form-captcha\">\n            <label for=\"input_27\"> <img alt=\"Captcha - Reload if it's not displayed\" id=\"input_27_captcha\" class=\"form-captcha-image\" style=\"background:url(http:\/\/www.jotform.com\/images\/loader-big.gif) no-repeat center;\" src=\"http:\/\/www.jotform.com\/images\/blank.gif\" width=\"150\" height=\"41\" \/> <\/label>\n            <div style=\"white-space:nowrap;\">\n              <input type=\"text\" id=\"input_27\" class=\"form-textbox validate[required]\" name=\"captcha\" style=\"width:130px;\" \/>\n              <img src=\"http:\/\/www.jotform.com\/images\/reload.png\" alt=\"Reload\" align=\"absmiddle\" style=\"cursor:pointer\" onclick=\"JotForm.reloadCaptcha('input_27');\" \/>\n              <input type=\"hidden\" name=\"captcha_id\" id=\"input_27_captcha_id\" value=\"0\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_1\">\n        <div id=\"cid_1\" class=\"form-input-wide\">\n          <div style=\"margin-left:156px\" class=\"form-buttons-wrapper\">\n            <button id=\"input_1\" type=\"submit\" class=\"form-submit-button\">\n              Submit\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=\"72820959925\" \/>\n  <script type=\"text\/javascript\">\n  document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"72820959925-72820959925\";\n  <\/script>\n<\/form><\/body>\n<\/html>\n");