function getFormFields() {
    var div_contact_form = document.getElementById('div_contact_form');
    var inputs = div_contact_form.getElementsByTagName('input');
    var result='';
    for (var i = 0; i < inputs.length; i++) {
        var input = inputs[i];
        result=result+'&'+encodeURI(input.name)+'='+encodeURI(input.value);
    }
    var content = document.getElementById('UserEmailContent');
    result=result+'&'+encodeURI(content.name)+'='+encodeURI(content.value);
    return result+'&x='+new Date().getTime();
}

function sendForm () {      
    var script = document.createElement('script');
    script.setAttribute ('type','text/javascript');
    script.setAttribute ('id','contact_form_response');
    script.setAttribute ('src','http://www.wrasap.com/code/ajax/servicedogtags/aed628068922a8450866ab387c821f73e4305ec3?'+getFormFields());
    document.body.appendChild(script);
}

function showContactForm(s){
    s= s.replace('\/captcha','\/captcha?x='+new Date().getTime());
    var script1 = document.createElement('script');
    script1.setAttribute ('type','text/javascript');
    script1.setAttribute ('src','http://www.wrasap.com/js/get_user_info.js');
    document.body.appendChild(script1);
    var script2 = document.createElement('script');
    script2.setAttribute ('type','text/javascript');
    script2.setAttribute ('src','http://www.wrasap.com/js/jquery.js');
    document.body.appendChild(script2);
    var script3 = document.createElement('script');
    script3.setAttribute ('type','text/javascript');
    script3.setAttribute ('src','http://gd.geobytes.com/gd?after=-1&variables=GeobytesCountry');
    document.body.appendChild(script3);
    var js = "setFormValues();$('.hint:eq(0), .hint:eq(1)').css('visibility', 'hidden');$('#UserEmailEmail').focus(function(){$('.hint:eq(0)').css('visibility', 'visible');});$('#UserEmailEmail').blur(function(){$('.hint:eq(0)').css('visibility', 'hidden');});$('#UserEmailSubject').focus(function(){$('.hint:eq(1)').css('visibility', 'visible');});$('#UserEmailSubject').blur(function(){$('.hint:eq(1)').css('visibility', 'hidden');});";
    var script4 = document.createElement('script');
    script4.setAttribute ('type','text/javascript');
    script4.text = js;
    document.body.appendChild(script4);
    document.getElementById('div_contact_form').innerHTML = s;
}

function initializeContactForm(){
    var ContactFormHTML = {"innerContent":"<br class=\"iexplorer\"\/>\n<style type=\"text\/css\">\nform {\n    padding: 10px;\n    margin: 0px;\n}\n\nform *{\n\ttext-align: left;\n}\n\nbr.iexplorer {\n    display:none;    \n}\n\nfieldset {\n    border: none;  \n    padding: 0px;\n    padding-top: 5px; \n    padding-bottom: 5px;\n    margin: 0px;\n}\n\n.message{\n    background-color: #DDFFDD; \n    padding:5px;\n    width:97%;\n}\n\n.message *{\n    background-color: #DDFFDD;\n}\n\n.error-message {\n    color: red;\n    font-weight: bold;\n    display:inline;\n    margin-left: 0.5em;\n}\n\n.hint {\n    color: #AAAAAA;\n    font-size: 80%;\n    text-align: justify;\n    display: block;\n}\n\nlabel em.hint {\n        font-weight: normal;\n        font-style: normal;\n}\n\nlabel {\n    margin-top: 5px;\n}\n\ntextarea, input{\n    border: 1px solid #0092DD;\n}\n\nlabel input{\n    border: none;\n}\n\n#UserEmailContent{\n    width: 80%;\n}\n\n#captcha{\n    padding: 1em 0em 0em 0em;\n}\n\ninput[type=\"submit\"]{\n    margin-top: 0.5em;   \n}\n\ndiv.submit input{\n    background-color: #D3D3D3 !important;    \n}\n\nlabel {\n    font-weight: bold;\n    display: block;\n}\n\nlabel.optional{\n    font-weight: normal;\n}\n\nfieldset.actions{\n    text-align: left;\n}\n\ninput[type=\"button\"],input[type=\"submit\"],input[type=\"reset\"] {\n    margin-right: 5px;\n}\n\nlabel + br {\n    display: none;\n}\n\nfieldset br{\n    display: none;\n}\n<\/style>\n<form onsubmit=\"sendForm(); return false;\" method=\"post\" action=\"#\"><fieldset style=\"display:none;\"><input type=\"hidden\" name=\"_method\" value=\"POST\" \/><\/fieldset><div class=\"input required\"><label for=\"UserEmailEmail\">Your email address:<\/label><em class=\"hint\">You can get a free mailbox with gmail if you do not have one.<\/em><input name=\"data[UserEmail][email]\" type=\"text\" size=\"28\" value=\"\" id=\"UserEmailEmail\" \/><\/div><div class=\"input required\"><label for=\"UserEmailSubject\">Please, enter the subject of your message:<\/label><em class=\"hint\">69 characters max.<\/em><input name=\"data[UserEmail][subject]\" type=\"text\" size=\"50\" maxlength=\"69\" value=\"\" id=\"UserEmailSubject\" \/><\/div><div class=\"input\"><label for=\"UserEmailContent\">Please, enter the body of your message:<\/label><textarea name=\"data[UserEmail][content]\" cols=\"30\" rows=\"10\" id=\"UserEmailContent\" ><\/textarea><\/div><div class=\"input\"><label for=\"UserEmailSecurityCode\">Please enter the security code from this picture:<\/label><img id=\"captcha\" src=\"http:\/\/www.wrasap.com\/captcha\" alt=\"Please enter the security code from this picture.\"  \/><br \/><input name=\"data[UserEmail][security_code]\" type=\"text\" size=\"7\" value=\"\" id=\"UserEmailSecurityCode\" \/><\/div><input type=\"hidden\" name=\"data[UserEmail][country]\" id=\"countryUserEmail\" value=\"\" \/><input type=\"hidden\" name=\"data[UserEmail][time_zone]\" id=\"time_zoneUserEmail\" value=\"\" \/><input type=\"hidden\" name=\"data[UserEmail][OS]\" id=\"OSUserEmail\" value=\"\" \/><div class=\"submit\"><input type=\"submit\" value=\"Send\" \/><\/div><\/form><a href=\"http:\/\/www.wrasap.com\/\" title=\"Free Contact Form\" style=\"font-size: 50%\">Get your own free contact form<\/a><script type=\"text\/javascript\">\n    setFormValues();\n    $('.hint:eq(0), .hint:eq(1)').css('visibility', 'hidden');\n    $('#UserEmailEmail').focus(function(){\n        $('.hint:eq(0)').css('visibility', 'visible');\n    });\n    $('#UserEmailEmail').blur(function(){\n        $('.hint:eq(0)').css('visibility', 'hidden');\n    });\n    $('#UserEmailSubject').focus(function(){\n        $('.hint:eq(1)').css('visibility', 'visible');\n    });\n    $('#UserEmailSubject').blur(function(){\n        $('.hint:eq(1)').css('visibility', 'hidden');\n    });\n<\/script>\n"};
    showContactForm(ContactFormHTML.innerContent);      
}
initializeContactForm();