<a href="#" id="dialog-show-newsletter">Newsletter</a>

<ul class="social-media-list">
	<li>
		<a href="http://twitter.com/EU_eGov" target="_blank" class="twitter"><span>Twitter</span></a>
	</li>
	<li>
		<a href="https://www.linkedin.com/groups/8552837" target="_blank" class="linkedin"><span>LinkedIn</span></a>
	</li>
</ul>
 
<style>
ul.social-media-list {
	list-style-type: none;
	padding-left: 0px;
}
.social-media-list li {
    padding-bottom: 10px;
}
.social-media-list li a {
    line-height: 2.2em;
}
ul.social-media-list li a span {
    padding-left: 45px;
    display: block;
}
ul.social-media-list li a.twitter span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left 0px;
}
ul.social-media-list li a.twitter:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -55px;
}
ul.social-media-list li a.linkedin span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -110px;
}
ul.social-media-list li a.linkedin:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -165px;
}
</style>

<script type="text/javascript" 
		src="/cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script>

<script type="text/javascript">
$( document ).ready(function() {


window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {
	
'904ad635': {
	// ==== custom trigger function ====
	triggerFunction : function( showCollectorDialog ) {
		$('#swp_isse_collector').on( 'click', function(e) {
if(showCollectorDialog !== undefined){
			e.preventDefault();
			showCollectorDialog();
}
		});
	},
fieldValues: {
        		description: window.location.href
    	}
}
});
});
</script>

<script type="text/javascript">
// Form Logic
// Form DOM present in .brikit.footer.cefbeta
AJS.toInit( function ($) {
    // Shows the dialog from url
	if(window.location.hash) {
		if(window.location.hash.substring(1) === "dialog-show-newsletter") {
	        AJS.dialog2("#newsletter-dialog").show();
			ga('send', 'event', "Newsletter", "modal");
		}
	}
    // Shows the dialog when the "Show dialog" button is clicked
    $("#dialog-show-newsletter-cat").click(function(e) {
        e.preventDefault();
        AJS.dialog2("#newsletter-dialog").show();
		ga('send', 'event', "Newsletter", "modal");
    });
    $("#dialog-show-newsletter").click(function(e) {
        e.preventDefault();
		AJS.dialog2("#newsletter-dialog").show();
		ga('send', 'event', "Newsletter", "modal");
    });
    // Hides the dialog
    $("#dialog-close-newsletter").click(function(e) {
        e.preventDefault();
        AJS.dialog2("#newsletter-dialog").hide();
    });
    // Form submission
    var $form = $('form#newsletter');
    if ( $form.length > 0 ) {
        $('form#newsletter input[type="submit"]').bind('click', function (e) {
            e.preventDefault();
            if (validate_name()) {
                if (validate_email()) {
                    register($('form#newsletter'));
                } else {
                    var myFlag = AJS.flag({
                        type: 'error',
                        close: 'auto',
                        title: 'Error',
                        body: '<p>Please enter a valid email address.</p>'
                    });
                }
            } else {
                var myFlag = AJS.flag({
                    type: 'error',
                    close: 'auto',
                    title: 'Error',
                    body: '<p>Please enter a valid name.</p>'
                });
            }
        });
    }
    // Email check with regex
    function validate_email () {
        var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($("#mce-EMAIL").val());
    }
    // Name check with value check
    function validate_name() {
        return $("#mce-NAME").val() != "";
    }
    // Register to mailchimp
    function register($form) {
        $.ajax({
            type        : 'GET',
            url         : 'https://europa.us13.list-manage.com/subscribe/post-json?u=9a428438959d4d20c2a84163b&amp;&id=bc6ca47df5&c=?',
            data        : $form.serialize(),
            cache       : false,
            dataType    : 'json',
            contentType : "application/json; charset=utf-8",
            error       : function(err) { alert("Could not connect to the registration server. Please try again later."); },
            success     : function(data) {
                if (data.result != "success") {
                    var myFlag = AJS.flag({
                        type: 'error',
                        close: 'auto',
                        title: 'Error',
                        body: data.msg
                    });
                } else {
                    AJS.dialog2("#newsletter-dialog").hide();

                    var myFlag = AJS.flag({
                        type: 'success',
                        close: 'auto',
                        title: 'Form Submitted',
                        body: '<p>Welcome to the CEFDIGITAL Newsletter, you will receive a confirmation email soon.</p>'
                    });
     
                    $( 'form#newsletter' ).each(function(){
                        this.reset();
                    });
 
					ga('send', 'event', "Newsletter", "subscribed");
                }
            }
        });
    }

});
</script>