/*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 i92924748307 = new FrameBuilder("92924748307", 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.2435\" 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: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:530px;\n        background:white;\n        color:black !important;\n        font-family:\"Trebuchet MS\";\n        font-size:12px;\n    }\n<\/style>\n\n<script src=\"http:\/\/max.jotfor.ms\/min\/g=jotform?3.0.2435\" 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.setCalendar(\"10\");\n      JotForm.setCalendar(\"11\");\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_92924748307\" id=\"92924748307\" accept-charset=\"utf-8\">\n  <input type=\"hidden\" name=\"formID\" value=\"92924748307\" \/>\n  <div class=\"form-all\">\n    <ul class=\"form-section\">\n      <li class=\"form-line\" id=\"id_17\">\n        <div id=\"cid_17\" class=\"form-input-wide\">\n          <div id=\"text_17\" class=\"form-html\">\n            <p><span style=\"font-family: 'trebuchet ms', geneva; font-size: small;\">Use this form to checkout the SGA speaker system from The Pause.<\/span>\n            <\/p>\n            <p><span style=\"border-collapse: collapse; font-family: 'trebuchet ms', geneva; font-size: small;\">Need more equipment than the small SGA PA system? &nbsp;Want to host an event that needs more sound? &nbsp;We may be able to help you out! &nbsp;Contact the Pause Technical Managers to discuss your specific needs.<\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_8\">\n        <label class=\"form-label-left\" id=\"label_8\" for=\"input_8\">\n          Name<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_8\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_8\" name=\"q8_name\" size=\"20\" maxlength=\"100\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_14\">\n        <label class=\"form-label-left\" id=\"label_14\" for=\"input_14\">\n          Email address<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_14\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required, Email]\" id=\"input_14\" name=\"q14_emailAddress\" size=\"20\" maxlength=\"100\" \/>\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          Phone Number<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_27\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_27\" name=\"q27_phoneNumber\" size=\"20\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_9\">\n        <label class=\"form-label-left\" id=\"label_9\" for=\"input_9\">\n          Organization using equipment<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_9\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_9\" name=\"q9_organizationUsing\" size=\"20\" 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\">\n          Date and time needed by<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_10\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"month_10\" name=\"q10_dateAnd[month]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"02\" \/><span class=\"date-separate\">&nbsp;-<\/span>\n            <label class=\"form-sub-label\" for=\"month_10\" id=\"sublabel_month\"> Month <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"day_10\" name=\"q10_dateAnd[day]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"10\" \/><span class=\"date-separate\">&nbsp;-<\/span>\n            <label class=\"form-sub-label\" for=\"day_10\" id=\"sublabel_day\"> Day <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"year_10\" name=\"q10_dateAnd[year]\" type=\"text\" size=\"4\" maxlength=\"4\" value=\"2012\" \/>\n            <label class=\"form-sub-label\" for=\"year_10\" id=\"sublabel_year\"> Year <\/label><\/span><span class=\"form-sub-label-container\"><div id=\"at_10\">\n              at\n            <\/div>\n            <label class=\"form-sub-label\" for=\"at_10\"> &nbsp;&nbsp;&nbsp; <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"hour_10\" name=\"q10_dateAnd[hour]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"07\" \/><span class=\"date-separate\">&nbsp;\/<\/span>\n            <label class=\"form-sub-label\" for=\"hour_10\" id=\"sublabel_hour\"> Hour <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"min_10\" name=\"q10_dateAnd[min]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"30\" \/>\n            <label class=\"form-sub-label\" for=\"min_10\" id=\"sublabel_minutes\"> Minutes <\/label><\/span><span class=\"form-sub-label-container\"><select class=\"form-dropdown validate[required]\" id=\"ampm_10\" name=\"q10_dateAnd[ampm]\">\n              <option value=\"AM\"> AM <\/option>\n              <option value=\"PM\"> PM <\/option>\n            <\/select>\n            <label class=\"form-sub-label\" for=\"ampm_10\"> &nbsp;&nbsp;&nbsp; <\/label><\/span><span class=\"form-sub-label-container\"><img alt=\"Pick a Date\" id=\"input_10_pick\" src=\"http:\/\/www.jotform.com\/images\/calendar.png\" align=\"absmiddle\" \/>\n            <label class=\"form-sub-label\" for=\"input_10_pick\"> &nbsp;&nbsp;&nbsp; <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_11\">\n        <label class=\"form-label-left\" id=\"label_11\" for=\"input_11\">\n          Return date and time<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_11\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"month_11\" name=\"q11_returnDate11[month]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"02\" \/><span class=\"date-separate\">&nbsp;-<\/span>\n            <label class=\"form-sub-label\" for=\"month_11\" id=\"sublabel_month\"> Month <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"day_11\" name=\"q11_returnDate11[day]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"10\" \/><span class=\"date-separate\">&nbsp;-<\/span>\n            <label class=\"form-sub-label\" for=\"day_11\" id=\"sublabel_day\"> Day <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"year_11\" name=\"q11_returnDate11[year]\" type=\"text\" size=\"4\" maxlength=\"4\" value=\"2012\" \/>\n            <label class=\"form-sub-label\" for=\"year_11\" id=\"sublabel_year\"> Year <\/label><\/span><span class=\"form-sub-label-container\"><div id=\"at_11\">\n              at\n            <\/div>\n            <label class=\"form-sub-label\" for=\"at_11\"> &nbsp;&nbsp;&nbsp; <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"hour_11\" name=\"q11_returnDate11[hour]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"07\" \/><span class=\"date-separate\">&nbsp;\/<\/span>\n            <label class=\"form-sub-label\" for=\"hour_11\" id=\"sublabel_hour\"> Hour <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" id=\"min_11\" name=\"q11_returnDate11[min]\" type=\"text\" size=\"2\" maxlength=\"2\" value=\"30\" \/>\n            <label class=\"form-sub-label\" for=\"min_11\" id=\"sublabel_minutes\"> Minutes <\/label><\/span><span class=\"form-sub-label-container\"><select class=\"form-dropdown validate[required]\" id=\"ampm_11\" name=\"q11_returnDate11[ampm]\">\n              <option value=\"AM\"> AM <\/option>\n              <option value=\"PM\"> PM <\/option>\n            <\/select>\n            <label class=\"form-sub-label\" for=\"ampm_11\"> &nbsp;&nbsp;&nbsp; <\/label><\/span><span class=\"form-sub-label-container\"><img alt=\"Pick a Date\" id=\"input_11_pick\" src=\"http:\/\/www.jotform.com\/images\/calendar.png\" align=\"absmiddle\" \/>\n            <label class=\"form-sub-label\" for=\"input_11_pick\"> &nbsp;&nbsp;&nbsp; <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_29\">\n        <label class=\"form-label-left\" id=\"label_29\" for=\"input_29\"> Description of event <\/label>\n        <div id=\"cid_29\" class=\"form-input\">\n          <textarea id=\"input_29\" class=\"form-textarea\" name=\"q29_descriptionOf\" cols=\"40\" rows=\"6\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_26\">\n        <label class=\"form-label-left\" id=\"label_26\" for=\"input_26\">\n          I have used the speaker system before:<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_26\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox validate[required]\" id=\"input_26_0\" name=\"q26_iHave26[]\" value=\"Yes\" \/>\n              <label for=\"input_26_0\"> Yes <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-checkbox-item\" style=\"clear:left;\"><input type=\"checkbox\" class=\"form-checkbox validate[required]\" id=\"input_26_1\" name=\"q26_iHave26[]\" value=\"No\" \/>\n              <label for=\"input_26_1\"> No <\/label><\/span><span class=\"clearfix\"><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_24\">\n        <div id=\"cid_24\" class=\"form-input-wide\">\n          <div id=\"text_24\" class=\"form-html\">\n            <p><span style=\"font-weight: bold;\">POLICY FOR USE<\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_15\">\n        <div id=\"cid_15\" class=\"form-input-wide\">\n          <div id=\"text_15\" class=\"form-html\">\n            By submitting this, you agree to return the equipment in the same condition that it was when checked out. If the equipment is returned damaged, you agree to pay the fees to repair the equipment.\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_21\">\n        <div id=\"cid_21\" class=\"form-input-wide\">\n          <div id=\"text_21\" class=\"form-html\">\n            You also agree to return the equipment at the time you list or what is arranged.\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_28\">\n        <div id=\"cid_28\" class=\"form-input-wide\">\n          <div id=\"text_28\" class=\"form-html\">\n            <p><span style=\"font-size: 13px; border-collapse: collapse; font-family: 'trebuchet ms', geneva;\">The complete Portable PA Policy of Use can be found outside the Lion's Pause office. &nbsp;Contact the Lion's PauseTech Managers with any questions.<\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_23\">\n        <div id=\"cid_23\" class=\"form-input-wide\">\n          <div id=\"text_23\" class=\"form-html\">\n            After you hit submit, a member of the SGA team will contact you shortly with the availability of the equipment as well as how to pick it up.\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=\"92924748307\" \/>\n  <script type=\"text\/javascript\">\n  document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"92924748307-92924748307\";\n  <\/script>\n<\/form><\/body>\n<\/html>\n");