From 17b45f158569dbf47bcd3d713fb771ab6f08a64c Mon Sep 17 00:00:00 2001
From: chakib benziane <chakib.benz@gmail.com>
Date: Thu, 1 May 2014 16:34:57 +0200
Subject: [PATCH] move mailchimp signup to home page near footer section

---
 css/style.css |   4 +
 index.php     | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 212 insertions(+)

diff --git a/css/style.css b/css/style.css
index 08c6697..82954ef 100755
--- a/css/style.css
+++ b/css/style.css
@@ -3882,6 +3882,10 @@ span.code {
   color: #fff;
 }
 
+#mailchimp-signup #mc_embed_signup {
+  padding: 0 30% 0 30%;
+}
+
 #footer {
   width: 980px;
   margin: 0 auto;
diff --git a/index.php b/index.php
index e8cf084..d180c31 100644
--- a/index.php
+++ b/index.php
@@ -210,6 +210,214 @@
 				</li>
 			</ul>
 		</section>
+		<section id="mailchimp-signup">
+			<p>
+				<!-- Begin MailChimp Signup Form -->
+				<link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
+				<style type="text/css">
+					#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
+				</style>
+				<div id="mc_embed_signup" class="fadeInUp wow">
+					<form action="http://get-popcorn.us8.list-manage2.com/subscribe/post?u=afbd4b6f42dd2b6ddb4f34b9b&amp;id=b1d0d0a4a1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+						<h2><?=$langsite["MAIL_SUBSCRIBE"]?></h2>
+						<div class="mc-field-group">
+							<label for="mce-EMAIL"><?=$langsite["MAIL_EMAIL"]?></label>
+							<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" autofocus>
+						</div>
+						<div id="mce-responses" class="clear">
+							<div class="response" id="mce-error-response" style="display:none"></div>
+							<div class="response" id="mce-success-response" style="display:none"></div>
+						</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+						<div style="position: absolute; left: -5000px;"><input type="text" name="b_afbd4b6f42dd2b6ddb4f34b9b_b1d0d0a4a1" value=""></div>
+						<div class="clear"><input type="submit" value="<?=$langsite["MAIL_SUBSCRIBE_BTN"]?>" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+					</form>
+				</div>
+				<script type="text/javascript">
+				var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
+				try {
+				    var jqueryLoaded=jQuery;
+				    jqueryLoaded=true;
+				} catch(err) {
+				    var jqueryLoaded=false;
+				}
+				var head= document.getElementsByTagName('head')[0];
+
+
+				var err_style = '';
+				try{
+				    err_style = mc_custom_error_style;
+				} catch(e){
+				    err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;} #mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
+				}
+				var head= document.getElementsByTagName('head')[0];
+				var style= document.createElement('style');
+				style.type= 'text/css';
+				if (style.styleSheet) {
+				  style.styleSheet.cssText = err_style;
+				} else {
+				  style.appendChild(document.createTextNode(err_style));
+				}
+				head.appendChild(style);
+				setTimeout('mce_preload_check();', 250);
+
+				var mce_preload_checks = 0;
+				function mce_preload_check(){
+				    if (mce_preload_checks>40) return;
+				    mce_preload_checks++;
+				    try {
+				        var jqueryLoaded=jQuery;
+				    } catch(err) {
+				        setTimeout('mce_preload_check();', 250);
+				        return;
+				    }
+				    var script = document.createElement('script');
+				    script.type = 'text/javascript';
+				    script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
+				    head.appendChild(script);
+				    try {
+				        var validatorLoaded=jQuery("#fake-form").validate({});
+				    } catch(err) {
+				        setTimeout('mce_preload_check();', 250);
+				        return;
+				    }
+				    mce_init_form();
+				}
+				function mce_init_form(){
+				    jQuery(document).ready( function($) {
+				      var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
+				      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
+				      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
+				      options = { url: 'http://get-popcorn.us8.list-manage.com/subscribe/post-json?u=afbd4b6f42dd2b6ddb4f34b9b&id=b1d0d0a4a1&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
+				                    beforeSubmit: function(){
+				                        $('#mce_tmp_error_msg').remove();
+				                        $('.datefield','#mc_embed_signup').each(
+				                            function(){
+				                                var txt = 'filled';
+				                                var fields = new Array();
+				                                var i = 0;
+				                                $(':text', this).each(
+				                                    function(){
+				                                        fields[i] = this;
+				                                        i++;
+				                                    });
+				                                $(':hidden', this).each(
+				                                    function(){
+				                                        var bday = false;
+				                                        if (fields.length == 2){
+				                                            bday = true;
+				                                            fields[2] = {'value':1970};//trick birthdays into having years
+				                                        }
+				                                    	if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
+				                                    		this.value = '';
+													    } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
+				                                    		this.value = '';
+													    } else {
+													        if (/\[day\]/.test(fields[0].name)){
+				    	                                        this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;									        
+													        } else {
+				    	                                        this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
+					                                        }
+					                                    }
+				                                    });
+				                            });
+				                        $('.phonefield-us','#mc_embed_signup').each(
+				                            function(){
+				                                var fields = new Array();
+				                                var i = 0;
+				                                $(':text', this).each(
+				                                    function(){
+				                                        fields[i] = this;
+				                                        i++;
+				                                    });
+				                                $(':hidden', this).each(
+				                                    function(){
+				                                        if ( fields[0].value.length != 3 || fields[1].value.length!=3 || fields[2].value.length!=4 ){
+				                                    		this.value = '';
+													    } else {
+													        this.value = 'filled';
+					                                    }
+				                                    });
+				                            });
+				                        return mce_validator.form();
+				                    }, 
+				                    success: mce_success_cb
+				                };
+				      $('#mc-embedded-subscribe-form').ajaxForm(options);
+				      
+				      
+				    });
+				}
+				function mce_success_cb(resp){
+				    $('#mce-success-response').hide();
+				    $('#mce-error-response').hide();
+				    if (resp.result=="success"){
+				        $('#mce-'+resp.result+'-response').show();
+				        $('#mce-'+resp.result+'-response').html(resp.msg);
+				        $('#mc-embedded-subscribe-form').each(function(){
+				            this.reset();
+				    	});
+				    } else {
+				        var index = -1;
+				        var msg;
+				        try {
+				            var parts = resp.msg.split(' - ',2);
+				            if (parts[1]==undefined){
+				                msg = resp.msg;
+				            } else {
+				                i = parseInt(parts[0]);
+				                if (i.toString() == parts[0]){
+				                    index = parts[0];
+				                    msg = parts[1];
+				                } else {
+				                    index = -1;
+				                    msg = resp.msg;
+				                }
+				            }
+				        } catch(e){
+				            index = -1;
+				            msg = resp.msg;
+				        }
+				        try{
+				            if (index== -1){
+				                $('#mce-'+resp.result+'-response').show();
+				                $('#mce-'+resp.result+'-response').html(msg);            
+				            } else {
+				                err_id = 'mce_tmp_error_msg';
+				                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
+				                
+				                var input_id = '#mc_embed_signup';
+				                var f = $(input_id);
+				                if (ftypes[index]=='address'){
+				                    input_id = '#mce-'+fnames[index]+'-addr1';
+				                    f = $(input_id).parent().parent().get(0);
+				                } else if (ftypes[index]=='date'){
+				                    input_id = '#mce-'+fnames[index]+'-month';
+				                    f = $(input_id).parent().parent().get(0);
+				                } else {
+				                    input_id = '#mce-'+fnames[index];
+				                    f = $().parent(input_id).get(0);
+				                }
+				                if (f){
+				                    $(f).append(html);
+				                    $(input_id).focus();
+				                } else {
+				                    $('#mce-'+resp.result+'-response').show();
+				                    $('#mce-'+resp.result+'-response').html(msg);
+				                }
+				            }
+				        } catch(e){
+				            $('#mce-'+resp.result+'-response').show();
+				            $('#mce-'+resp.result+'-response').html(msg);
+				        }
+				    }
+				}
+
+				</script>
+				<!--End mc_embed_signup-->				
+
+			</p>
+
+		</section>
 
 		<section id="footer" class="fadeInUp wow">
 			<hr style="display: none">