/*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 i1951306211 = new FrameBuilder("1951306211", 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<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:100px !important;\n    }\n    .form-label-left{\n        width:100px !important;\n    }\n    .form-line{\n        padding:10px;\n    }\n    .form-label-right{\n        width:100px !important;\n    }\n    body, html{\n        margin:0;\n        padding:0;\n        background:#FFFFFF;\n    }\n\n    .form-all{\n        margin:0px auto;\n        padding-top:20px;\n        width:500px;\n        background:#FFFFFF;\n        color:#030000 !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      $('input_3').hint('ex: myname@example.com');\n      $('input_6').hint(' Up to 3500 Words ONLY!!!');\n      JotForm.description('input_6', 'Any submissions OVER 3500 words will not even be considered and WILL BE REJECTED!');\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\" enctype=\"multipart\/form-data\" name=\"form_1951306211\" id=\"1951306211\" accept-charset=\"utf-8\">\n  <input type=\"hidden\" name=\"formID\" value=\"1951306211\" \/>\n  <div class=\"form-all\">\n    <ul class=\"form-section\">\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            <p><span style=\"font-size: large;\"><strong>\n                  Tell us about you first ...\n                <\/strong><\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_1\">\n        <label class=\"form-label-right\" id=\"label_1\" for=\"input_1\">\n          Full Name<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_1\" class=\"form-input\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"10\" name=\"q1_fullName[first]\" id=\"first_1\" \/>\n            <label class=\"form-sub-label\" for=\"first_1\" id=\"sublabel_first\"> First Name <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"15\" name=\"q1_fullName[last]\" id=\"last_1\" \/>\n            <label class=\"form-sub-label\" for=\"last_1\" id=\"sublabel_last\"> Last Name <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_3\">\n        <label class=\"form-label-right\" 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=\"email\" class=\"form-textbox validate[required, Email]\" id=\"input_3\" name=\"q3_email3\" size=\"40\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_9\">\n        <label class=\"form-label-right\" id=\"label_9\" for=\"input_9\"> Personal Website Address <\/label>\n        <div id=\"cid_9\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_9\" name=\"q9_personalWebsite9\" size=\"30\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_10\">\n        <label class=\"form-label-right\" id=\"label_10\" for=\"input_10\"> Facebook Username <\/label>\n        <div id=\"cid_10\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_10\" name=\"q10_facebookUsername10\" size=\"20\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_11\">\n        <label class=\"form-label-right\" id=\"label_11\" for=\"input_11\"> Twitter Username <\/label>\n        <div id=\"cid_11\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_11\" name=\"q11_twitterUsername\" size=\"20\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_22\">\n        <div id=\"cid_22\" class=\"form-input-wide\">\n          <div id=\"text_22\" class=\"form-html\">\n            <p><span style=\"font-size: large;\"><strong>\n                  Tell us about the submission ...\n                <\/strong><\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_4\">\n        <label class=\"form-label-right\" id=\"label_4\" for=\"input_4\">\n          Submission Title<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_4\" class=\"form-input\">\n          <input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_4\" name=\"q4_submissionTitle4\" size=\"20\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_7\">\n        <label class=\"form-label-right\" id=\"label_7\" for=\"input_7\">\n          Genre<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_7\" class=\"form-input\">\n          <select class=\"form-dropdown validate[required]\" style=\"width:150px\" id=\"input_7\" name=\"q7_genre7\">\n            <option>  <\/option>\n            <option value=\"Please Pick 1\"> Please Pick 1 <\/option>\n            <option value=\"Horror\"> Horror <\/option>\n            <option value=\"Urban-Fantasy\"> Urban-Fantasy <\/option>\n            <option value=\"Slipstream\"> Slipstream <\/option>\n            <option value=\"Twilight Zone-ish\"> Twilight Zone-ish <\/option>\n            <option value=\"Just Down Right Paranoid\"> Just Down Right Paranoid <\/option>\n          <\/select>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_5\">\n        <label class=\"form-label-right\" id=\"label_5\" for=\"input_5\">\n          Submission Type<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_5\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_5_0\" name=\"q5_submissionType\" value=\"Story\" \/>\n              <label for=\"input_5_0\"> Story <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_5_1\" name=\"q5_submissionType\" value=\"Poem\" \/>\n              <label for=\"input_5_1\"> Poem <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_5_2\" name=\"q5_submissionType\" value=\"Artwork\" \/>\n              <label for=\"input_5_2\"> Artwork <\/label><\/span><span class=\"clearfix\"><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_6\">\n        <label class=\"form-label-right\" id=\"label_6\" for=\"input_6\"> Word Length if Fiction <\/label>\n        <div id=\"cid_6\" class=\"form-input\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox validate[Numeric]\" id=\"input_6\" name=\"q6_wordLength\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_6\"> Up to 3500 Words ONLY! <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_12\">\n        <label class=\"form-label-top\" id=\"label_12\" for=\"input_12\">\n          How did you hear about us?<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_12\" class=\"form-input-wide\">\n          <select class=\"form-dropdown validate[required]\" style=\"width:150px\" id=\"input_12\" name=\"q12_howDid12\">\n            <option>  <\/option>\n            <option value=\"Google\"> Google <\/option>\n            <option value=\"Yahoo\"> Yahoo <\/option>\n            <option value=\"Facebook\"> Facebook <\/option>\n            <option value=\"Twitter\"> Twitter <\/option>\n            <option value=\"MySpace\"> MySpace <\/option>\n            <option value=\"Ning\"> Ning <\/option>\n            <option value=\"Other\"> Other <\/option>\n          <\/select>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_13\">\n        <label class=\"form-label-top\" id=\"label_13\" for=\"input_13\"> If other, who\/where? <\/label>\n        <div id=\"cid_13\" class=\"form-input-wide\">\n          <input type=\"text\" class=\"form-textbox\" id=\"input_13\" name=\"q13_ifOther13\" size=\"20\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_14\">\n        <label class=\"form-label-top\" id=\"label_14\" for=\"input_14\">\n          Submission Upload<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_14\" class=\"form-input-wide\">\n          <input class=\"form-upload validate[required]\" type=\"file\" id=\"input_14\" name=\"q14_submissionUpload14\" file-accept=\"pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif\" file-maxsize=\"500\" \/>\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            <p><span style=\"font-size: large;\"><strong>\n                  Submit just a bit more about yourself ...\n                <\/strong><\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_20\">\n        <div id=\"cid_20\" class=\"form-input-wide\">\n          <div id=\"text_20\" class=\"form-html\">\n            <p>\n              Submitting your bigoraphy and headshot now helps us when you story is accepted, IF your story is accpeted. This information will be posted in the VIP Lounge for the menu which the submission appears. Headshots will appear as a 150x150 pixels in size.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column form-line-column-clear\" id=\"id_15\">\n        <label class=\"form-label-top\" id=\"label_15\" for=\"input_15\"> Biography Upload <\/label>\n        <div id=\"cid_15\" class=\"form-input-wide\">\n          <input class=\"form-upload\" type=\"file\" id=\"input_15\" name=\"q15_biographyUpload15\" file-accept=\"pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif\" file-maxsize=\"500\" \/>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column form-line-column-clear\" id=\"id_16\">\n        <label class=\"form-label-top\" id=\"label_16\" for=\"input_16\"> Headshot Upload <\/label>\n        <div id=\"cid_16\" class=\"form-input-wide\">\n          <input class=\"form-upload\" type=\"file\" id=\"input_16\" name=\"q16_headshotUpload16\" file-accept=\"pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif\" file-maxsize=\"500\" \/>\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>\n              <strong><span style=\"font-size: large;\">Now for the fine print ...<\/span>\n              <\/strong>\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_19\">\n        <div id=\"cid_19\" class=\"form-input-wide\">\n          <div id=\"text_19\" class=\"form-html\">\n            <p>\n              I certify this submission is\n              <strong>\n                not under review\n              <\/strong>\n              with any other publication at this time, nor will this submission be submitted elsewhere until I am notified of 69FoP's decision. By sending us your submission, you acknowledge\n              <strong>\n                69 Flavors of Paranoia\n              <\/strong>\n              has publication priority until of terms of the contract have been filled.\n            <\/p>\n            <p>\n              Once your story is accepted, you will be required to sign the publication agreement before any submission is published.\n            <\/p>\n            <p>\n              But you already knew that because you read all of the<span style=\"color: #ff0000;\"><strong>\n                  <a href=\"http:\/\/69fop.com\/index.php?option=com_content&view=article&id=1&Itemid=318\">guidelines<\/a>\n                <\/strong><\/span>\n              , right?\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line form-line-column\" id=\"id_17\">\n        <label class=\"form-label-right\" id=\"label_17\" for=\"input_17\">\n          I agree to these terms and conditions.<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_17\" class=\"form-input\">\n          <div class=\"form-single-column\"><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_17_0\" name=\"q17_iAgree\" value=\"Yes, I agree\" \/>\n              <label for=\"input_17_0\"> Yes, I agree <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_17_1\" name=\"q17_iAgree\" value=\"No, I do not agree\" \/>\n              <label for=\"input_17_1\"> No, I do not agree <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left;\"><input type=\"radio\" class=\"form-radio validate[required]\" id=\"input_17_2\" name=\"q17_iAgree\" value=\"I will re-submit at a later date\" \/>\n              <label for=\"input_17_2\"> I will re-submit at a later date <\/label><\/span><span class=\"clearfix\"><\/span><span class=\"form-radio-item\" style=\"clear:left\"><input type=\"radio\" class=\"form-radio-other form-radio validate[required]\" name=\"q17_iAgree\" id=\"other_17\" \/>\n              <input type=\"text\" class=\"form-radio-other-input\" name=\"q17_iAgree[other]\" size=\"15\" id=\"input_17\" disabled=\"disabled\" \/>\n              <br \/><\/span>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_2\">\n        <div id=\"cid_2\" class=\"form-input-wide\">\n          <div style=\"text-align:left\" class=\"form-buttons-wrapper\">\n            <button id=\"input_2\" type=\"submit\" class=\"form-submit-button\">\n              Send Us Your Dish\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=\"1951306211\" \/>\n  <script type=\"text\/javascript\">\n  document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"1951306211-1951306211\";\n  <\/script>\n  <input type=\"hidden\" class=\"form-hidden\" value=\"1398\" id=\"input_25\" name=\"q25_submissionId\" \/>\n<\/form><\/body>\n<\/html>\n");