/*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 i1084326375 = new FrameBuilder("1084326375", 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\/industrial_dark.css\" \/>\n<style type=\"text\/css\">\n    .form-label{\n        width:140px !important;\n    }\n    .form-label-left{\n        width:140px !important;\n    }\n    .form-line{\n        padding:10px;\n    }\n    .form-label-right{\n        width:140px !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:600px;\n        color:#FFFFFF !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.2435\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\n var jsTime = setInterval(function(){try{\n   JotForm.jsForm = true;\n\n   JotForm.init();\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_1084326375\" id=\"1084326375\" accept-charset=\"utf-8\">\n  <input type=\"hidden\" name=\"formID\" value=\"1084326375\" \/>\n  <div class=\"form-all\">\n    <ul class=\"form-section\">\n      <li id=\"cid_10\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_10\" class=\"form-header\">\n            CCB Cars of Oxford - Enquiry only form\n          <\/h3>\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>\n              Use this form to make a brief enquiry, check availability or ask us a question. Please note this is not the booking form.\n            <\/p>\n            <p>\n              JUST ANSWER THE QUESTIONS THAT ARE RELEVANT TO YOUR JOURNEY(S) AND LEAVE THE REST BLANK. Questions with a &nbsp;<span style=\"color: #ff0000;\">red *<\/span>\n              have to be filled in\n            <\/p>\n            <p>\n              To make a booking please click on the&nbsp;black BOOKING FORM&nbsp;button on the navigation menu bar above this enquiry form. The easy to use booking form will allow you to send us your full booking details and pay online securely\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_4\">\n        <label class=\"form-label-top\" id=\"label_4\" for=\"input_4\">\n          Your name<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_4\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"10\" name=\"q4_yourFull[first]\" id=\"first_4\" \/>\n            <label class=\"form-sub-label\" for=\"first_4\" id=\"sublabel_first\"> First Name <\/label><\/span><span class=\"form-sub-label-container\"><input class=\"form-textbox validate[required]\" type=\"text\" size=\"15\" name=\"q4_yourFull[last]\" id=\"last_4\" \/>\n            <label class=\"form-sub-label\" for=\"last_4\" id=\"sublabel_last\"> Last Name <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_5\">\n        <label class=\"form-label-top\" id=\"label_5\" for=\"input_5\">\n          Your email address<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_5\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"email\" class=\"form-textbox validate[required, Email]\" id=\"input_5\" name=\"q5_yourEmail\" size=\"30\" \/>\n            <label class=\"form-sub-label\" for=\"input_5\"> For enquiry or booking purposes only <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_24\">\n        <label class=\"form-label-top\" id=\"label_24\" for=\"input_24\">\n          Contact telephone number<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_24\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox validate[required]\" id=\"input_24\" name=\"q24_contactTelephone\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_24\"> For enquiry and booking purposes only <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_40\">\n        <label class=\"form-label-top\" id=\"label_40\" for=\"input_40\">\n          What type vehicle do you require<span class=\"form-required\">*<\/span>\n        <\/label>\n        <div id=\"cid_40\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><select class=\"form-dropdown validate[required]\" style=\"width:150px\" id=\"input_40\" name=\"q40_whatType\">\n              <option>  <\/option>\n              <option value=\"Standard car\"> Standard car <\/option>\n              <option value=\"Mercedes Benz E class Car\"> Mercedes Benz E class Car <\/option>\n              <option value=\"MPV\"> MPV <\/option>\n            <\/select>\n            <label class=\"form-sub-label\" for=\"input_40\"> Click on the arrow head and select your choice of car <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li id=\"cid_31\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_31\" class=\"form-header\">\n            UK arrival airport transfer availability enquiry\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_25\">\n        <label class=\"form-label-top\" id=\"label_25\" for=\"input_25\"> UK arrival date <\/label>\n        <div id=\"cid_25\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_25\" name=\"q25_dateOf\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_25\"> DD\/MM\/YYYY <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_27\">\n        <label class=\"form-label-top\" id=\"label_27\" for=\"input_27\"> UK arrival airport <\/label>\n        <div id=\"cid_27\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_27\" name=\"q27_ukArrival\" size=\"25\" \/>\n            <label class=\"form-sub-label\" for=\"input_27\"> Example: Heathrow <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_26\">\n        <label class=\"form-label-top\" id=\"label_26\" for=\"input_26\"> Flight arrival time <\/label>\n        <div id=\"cid_26\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_26\" name=\"q26_pickUp\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_26\"> PLEASE USE THE 24 HOUR CLOCK OR STATE AM OR PM <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_32\">\n        <label class=\"form-label-top\" id=\"label_32\" for=\"input_32\"> Oxford destination address <\/label>\n        <div id=\"cid_32\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_32\" name=\"q32_oxfordDestination\" size=\"70\" \/>\n            <label class=\"form-sub-label\" for=\"input_32\"> Example: Your hotel or home address <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li id=\"cid_33\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_33\" class=\"form-header\">\n            UK departure airport transfer availability enquiry\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_28\">\n        <label class=\"form-label-top\" id=\"label_28\" for=\"input_28\"> UK departure airport <\/label>\n        <div id=\"cid_28\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_28\" name=\"q28_ukDeparture\" size=\"25\" \/>\n            <label class=\"form-sub-label\" for=\"input_28\"> Example: Heathrow <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_29\">\n        <label class=\"form-label-top\" id=\"label_29\" for=\"input_29\"> UK departure date <\/label>\n        <div id=\"cid_29\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_29\" name=\"q29_ukDeparture29\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_29\"> DD\/MM\/YYYY <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_30\">\n        <label class=\"form-label-top\" id=\"label_30\" for=\"input_30\"> UK departure pick up time <\/label>\n        <div id=\"cid_30\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_30\" name=\"q30_pickUp30\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_30\"> Enter the time you want to be picked up ? Please use the 24 hour clock or state AM or PM <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_34\">\n        <label class=\"form-label-top\" id=\"label_34\" for=\"input_34\"> UK departure address <\/label>\n        <div id=\"cid_34\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_34\" name=\"q34_ukDeparture34\" size=\"70\" \/>\n            <label class=\"form-sub-label\" for=\"input_34\"> Example: Your hotel or home address from where you require picking up from <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li id=\"cid_35\" class=\"form-input-wide\">\n        <div class=\"form-header-group\">\n          <h3 id=\"header_35\" class=\"form-header\">\n            Oxford inter city journeys details only\n          <\/h3>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_36\">\n        <label class=\"form-label-top\" id=\"label_36\" for=\"input_36\"> UK pick up date <\/label>\n        <div id=\"cid_36\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_36\" name=\"q36_ukPick\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_36\"> Example: DD\/MM\/YYYY <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_37\">\n        <label class=\"form-label-top\" id=\"label_37\" for=\"input_37\"> UK pick up time <\/label>\n        <div id=\"cid_37\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_37\" name=\"q37_ukPick37\" size=\"20\" \/>\n            <label class=\"form-sub-label\" for=\"input_37\"> PLEASE USE THE 24 HOUR CLOCK OR STATE AM OR PM <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_38\">\n        <label class=\"form-label-top\" id=\"label_38\" for=\"input_38\"> UK pick up address <\/label>\n        <div id=\"cid_38\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_38\" name=\"q38_ukPick38\" size=\"70\" \/>\n            <label class=\"form-sub-label\" for=\"input_38\"> Hotel name or home address and postcode <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_39\">\n        <label class=\"form-label-top\" id=\"label_39\" for=\"input_39\"> UK destination address <\/label>\n        <div id=\"cid_39\" class=\"form-input-wide\"><span class=\"form-sub-label-container\"><input type=\"text\" class=\"form-textbox\" id=\"input_39\" name=\"q39_ukDestination\" size=\"70\" \/>\n            <label class=\"form-sub-label\" for=\"input_39\"> Address and Postcode <\/label><\/span>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_22\">\n        <label class=\"form-label-top\" id=\"label_22\" for=\"input_22\"> Ask a question here or give us more in formation in the box below <\/label>\n        <div id=\"cid_22\" class=\"form-input-wide\">\n          <textarea id=\"input_22\" class=\"form-textarea\" name=\"q22_writeYour\" cols=\"80\" rows=\"10\"><\/textarea>\n        <\/div>\n      <\/li>\n      <li class=\"form-line\" id=\"id_41\">\n        <div id=\"cid_41\" class=\"form-input-wide\">\n          <div id=\"text_41\" class=\"form-html\">\n            <p><span style=\"font-family: arial,helvetica,sans-serif; font-size: small;\">A&nbsp;copy of this form will be sent to you and we will get back to you as soon as possible. If your enquiry is urgent please call us. Now please click on the Submit Form button below !<\/span>\n            <\/p>\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:center\" class=\"form-buttons-wrapper\">\n            <button id=\"input_2\" type=\"submit\" class=\"form-submit-button\">\n              Submit Form\n            <\/button>\n            &nbsp;\n            <button id=\"input_reset_2\" type=\"reset\" class=\"form-submit-reset\">\n              Clear 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=\"1084326375\" \/>\n  <script type=\"text\/javascript\">\n  document.getElementById(\"si\" + \"mple\" + \"_spc\").value = \"1084326375-1084326375\";\n  <\/script>\n<\/form><\/body>\n<\/html>\n");

