$(document).ready(function() {
    pushContent();
});

function addEmail() {
    var e = document.getElementById("txtEmail").value;
    var optin = document.getElementById("rdoOptin").checked;
    var c = location.href;
    var url = encodeURI("http://pdcapi.d.dotboxideas.com/handler/ecapture.ashx?&jsonp=addEmailHandler&e=" + e + "&optin=" + optin + "&c=" + c);

    addScript(url);
//    $.getJSON(url, function(data) {
//        if (data != null) {
//             
//        }
//    });

    document.getElementById("vampire-inputs").style.display = "none";
    document.getElementById("vampire-thanks").style.display = "block";

}

function addEmailHandler(result, methodName) {
    //alert('addemailhandler called');
}

function pushContent() {
    var html = "";

    html += "<div style=\"width:310px; height: 104px; background-image: url(http://pdcapi.d.dotboxideas.com/images/bg3.png); background-repeat:no-repeat; background-position:left top; border-color:#c6c6c6; border-style:solid; border-width:1px 0;\"> ";
    html += "<div style=\"padding-top: 40px\"> ";
    html += "<div id=\"vampire-inputs\" style=\"display: block\">";
    html += "   <input onblur=\"if (this.value == '') {this.value = 'Enter your email address';}\" ";
    html += "      onfocus=\"if (this.value == 'Enter your email address') {this.value = '';}\" value=\"Enter your email address\" ";
    html += "      style=\"width: 204px; border: 0; padding: 3px 0 0 3px; height: 20px; font-family: Georgia,'Times New Roman',Times,serif; ";
    html += "      vertical-align: middle; margin-bottom: 4px;\" id=\"txtEmail\" /> ";
    html += "  <input id=\"btnSubmit\" type=\"image\" onclick=\"addEmail(); return false;\" href=\"#\" style=\"border: 0px; ";
    html += "      vertical-align: middle; margin-bottom: 4px;\" src=\"http://pdcapi.d.dotboxideas.com/images/btnSubmit.jpg\" /><br /> ";
    html += "  <input id=\"rdoOptin\" type=\"checkbox\" checked=\"checked\" /><span style=\"color: White; ";
    html += "      font-size: 11px; font-family: Arial, Helvetica, sans-serif;\">Opt-in to receive emails ";
    html += "      from Parfums de Coeur</span>";
    html += "   <br /><span><a href=\"terms.html\" style=\"color:#666;font-family:Arial, Helvetica, sans-serif; font-size:11px;margin-left:170px\">Terms and Conditions</a></span>";
    html += "</div>";
    html += "<div id=\"vampire-thanks\" style=\"padding-left: 100px; color: White; font-size: 21px; font-family: Arial, Helvetica, sans-serif; display: none;\">Thank You</div>";
    html += "</div> ";
    html += " </div> ";


    $('#vampire-content').html(html);
}

function addScript(scriptUrl) {
    var script = document.createElement('script');

    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', scriptUrl);

    var head = document.getElementsByTagName('head')[0];
    head.appendChild(script);
}