jQuery(document).ready( function () {

	if( !jQuery.cookies.get('popup') )
	{
		var timeout = setTimeout("lbox();", 35000); // 120000 2 minutes
	}
	else {
		var valeurCookie = jQuery.cookies.get('popup');
				
		if(valeurCookie == 'next') {
			if(timeout) {
				clearTimeout(timeout);
			}
		}
		else if(valeurCookie = 'never') {
			if(timeout) {
				clearTimeout(timeout);
			}
		}
	}
});

function lbox() {
	if(document.body)
	{
	    var larg = (document.body.clientWidth);
		var haut = (document.body.clientHeight);
	}
	else
	{
	    var larg = (window.innerWidth);
	    var haut = (window.innerHeight);
	}
		
	var top = document.body;
	
	var enfant = document.createElement("div");
	enfant.setAttribute("id", "lbox");
	top.appendChild(enfant);
	  
	var contenu = document.createElement("div");
	contenu.setAttribute("id", "nc");
	
    /*contenu.innerHTML = '<div align="right" style="padding-top: 5px;"><a href="javascript:void(0)" onclick="plustard()" style="padding: 5px; font-weight: bold; color: #777; background: #fff;">X</a></div>'
                    + '<div><img src="http://www.moneyweek.fr/lbox/img/cecile2.jpg" align="right" hspace="5" /><h3>C\'est votre première visite sur le '
                    + 'site de MoneyWeek ?</h3><p>Bienvenue et merci.</p><p>A <em>MoneyWeek</em>, notre '
                    + 'objectif est simple : vous offrir un éclairage avisé, clair et simple sur les points-clés de '
                    + 'l\'actualité financière hebdomadaire... et surtout vous dire comment en tirer profit.</p>'
                    + '<p><strong>Si vous avez apprécié votre lecture, voici une proposition qui '
                    + 'devrait vous intéresser...</strong></p><p>Du lundi au vendredi, l\'équipe de <em>MoneyWeek</em> '
                    + 'rédige la lettre e-mail <strong><em>La Quotidienne de MoneyWeek</em></strong>. Efficace et sans '
                    + 'langue de bois, <strong><em>La Quotidienne</em></strong> vous présente des analyses inédites '
                    + 'sur l\'actualité financière, déniche des opportunités d\'investissement méconnues ou vous '
                    + 'montre comment éviter les pièges qui guettent l\'investisseur individuel.</p><p>Et j\'aimerais '
                    + 'que vous receviez <strong><em>La Quotidienne de MoneyWeek</em></strong> GRATUITEMENT.</p>'
                    //+ '<p>Remplissez le formulaire ci-dessous'
                    //+ 'nous vous enverrons tous les jours <strong><em>La Quotidienne</em></strong>. C\'est aussi simple '
                    //+ 'que ça : pas d\'engagement, pas d\'obligations... et surtout, c\'est <strong><u>entièrement '
                    //+ 'gratuit</u></strong>.</p>'
                    + '<form method="post" action="http://www.moneyweek.fr/lbox/lbox.php" style="padding: 10px; border-top: 1px solid #efdde2; border-bottom: 1px solid #efdde2; background: #fef4f7"><div><label style="font-weight: bold">Votre e-mail</label> <input type="text" name="email" style="width: 300px;" /></div>'
                    + '<div><input type="checkbox" name="optin" value="OUI" /> Je souhaite recevoir des offres promotionnelles des partenaires de MoneyWeek</div>'
                    + '<div style="margin-top: 10px;width: 200px; float: left;"><input type="submit" name="submit" value="Je m\'abonne gratuitement !" /></div>'
                    + '<p align="right" style="padding-right: 25px;"><a href="javascript:void(0)" onclick="plustard()" style="text-decoration: underline">Me le redemander ultérieurement</a> / <a href="javascript:void(0)" onclick="off_def()" style="text-decoration: underline">Non merci</a></p>'
                    + '</form><p>Je vous souhaite une bonne visite sur notre site &mdash; et de très profitables investissements</p>'
                    + '<p>Cécile Chevré<br /><strong>La Quotidienne de MoneyWeek</strong></p>'; */
	contenu.innerHTML = '<div align="right" style="padding-top: 5px;"><a href="javascript:void(0)" onclick="plustard()" style="padding: 5px; font-weight: bold; color: #777; background: #fff;">X</a></div>'
					+ '<p><h3>C\'est votre première visite sur le Billet du Trader ?</h3></p> <br/> <p>Bienvenue et merci.</p>'
					+ '<p>Que vous soyez un Trader débutant ou un vétéran aguerri... haussier ou baissier... CAC 40 ou FOREX... au <strong>Billet du Trader</strong>, notre objectif est simple : vous apporter un  éclairage '
					+ 'accessible et utile sur l\'état des marchés financiers... afin que vous ayez toutes les clés en main pour réussir vos trades, quelle que soit votre stratégie d\'investissement.</p>'
					+ '<p><strong>Si vous avez apprécié votre lecture, voici une proposition qui devrait vous plaire... </strong></p>'
					+ '<p>Du lundi au vendredi, nos spécialistes des marchés boursiers rédigent la lettre e-mail <strong>Le Billet du Trader</strong> sans jargon ni langue de bois. '
					+ 'Nos experts financiers vous présentent quotidiennement leurs analyses et conseils dans des domaines <br/>variés : CAC 40, marché des devises, matières premières, rien n\'est laissé au hasard... surtout lorsque ces marchés possédent un potentiel de gains considérables et rapides.</p>'
					+ '<p>Et j\'aimerais que vous receviez <strong><em>Le Billet du Trader </em></strong> GRATUITEMENT.</p>'
					/*+ '<br/><div id="form"><form method="post" action="/inscription/lbox.php" style="padding: 10px; border-top: 1px solid #212121; border-bottom: 1px solid #212121"><div>'
					+ '<label style="font-weight: bold">Votre e-mail</label> <input type="text" name="email" style="width: 300px;" /> </div> '
					+ '<div><input type="checkbox" name="optin" value="OUI" /> Je souhaite recevoir des offres promotionnelles des partenaires du Billet du Trader</div> '
					+ '<input type="hidden" name="liste" value="BDT"/>'
					+ '<input type="hidden" name="provenance" value="<LIGHTBOX>"/>'
					+ '<div style="margin-top: 10px;width: 200px; float: left;"><input type="submit" name="submit" value="Je m\'abonne gratuitement !" /></div> '
					+ '<p align="right" style="padding-right: 25px;"><a href="javascript:void(0)" onclick="plutard()" style="text-decoration: underline">Me le redemander ultérieurement</a> / <a href="javascript:void(0)" onclick="off_def()" style="text-decoration: underline">Non merci</a>'
					+ '</p> </form></div> <br/>'*/

	/* Nouveau formumaire */	
			+ '<div id="form"> <form method="post" action="http://process.signupapp.com/index.php" name="ins-lbox" onsubmit="return validerlbox();" style="padding: 10px; border-top: 1px solid #212121; border-bottom: 1px solid #212121">'
			+ '	<input type="hidden" name="email_page" value="bdt">'
			+ '	<input type="hidden" name="email_subject" value="Bienvenue au Billet du Trader">'
			+ '	<input type="hidden" name="email_from" value="Billet du Trader<billetdutrader@publications-agora.fr>">'
			+ '	<input type="hidden" id="redirlb" name="redirect" value="" />'
			+ '	<input type="hidden" id="listcodelb" name="listCode" value="BDT" />'
			+ '	<div><label for="email" style="font-weight: bold">Votre e-mail</label>'
			+ ' <input type="text" id="emailaddresslb" name="emailAddress" value="" style="width: 300px;"/></div>'
			+ '	<input type="hidden" id="sourceidlb" name="sourceId" value="X990KB03"/>'
			+ ' <!--<div><input type="checkbox" name="optin" value="oui" /> <label for="optin" class="optin">Je souhaite recevoir des offres des partenaires du Billet du Trader</label></div>-->'
			+ '	<div>&nbsp;</div>'
			+ '<div style="width:200px;float:left;line-height:30px;"><input type="submit" name="action" id="action" value=" Je m\'abonne gratuitement! " /></div>'
			+ '<div style="margin-left:50%;line-height:30px;"><a href="javascript:void(0)" onclick="plustard()" style="text-decoration: underline;">Me le redemander ultérieurement</a> / <a href="javascript:void(0)" onclick="off_def()" style="text-decoration: underline">Non merci</a></div>'
			+ '</form>'
			+ '<p>Je vous souhaite une bonne visite sur notre site &mdash; et de nombreux trades gagnants.</p> <p>Nathalie Boneil<br /><strong>Le Billet du Trader</strong></p>';
				
     top.appendChild(contenu);
     
    jQuery("#lbox").css("position", "fixed");
	jQuery("#lbox").css("visibility", "hidden");
	jQuery("#lbox").css("top", "0");
	jQuery("#lbox").css("left", "0");
	jQuery("#lbox").css("width", "100%");
	jQuery("#lbox").css("height", "100%");
	jQuery("#lbox").css("background", "#333");
	jQuery("#lbox").css("text-align", "left");
	jQuery("#lbox").css("z-index", "9999");
	//$("#lbox").fade(0.7);
	//$("#lbox").fadeIn(75);
	jQuery("#lbox").css("filter", "alpha(opacity=75)"); 
	jQuery("#lbox").css("-moz-opacity", "0.75");

	jQuery("#nc").css("width", "900px");
	jQuery("#nc").css("background", "#fae7ec");
	jQuery("#nc").css("border", "3px solid #fff");
	jQuery("#nc").css("left", "50%");
	jQuery("#nc").css("margin-left", "-460px");
	jQuery("#nc").css("top", "5%");
	jQuery("#nc").css("text-align", "left");
	jQuery("#nc").css("padding-left", "1em");
	jQuery("#nc").css("padding-right", "1em");
	jQuery("#nc").css("position", "fixed");
	jQuery("#nc").css("z-index", "9999");
	
	// On affiche la LightBox
	on();
}

function on() {
	jQuery("#lbox").css("visibility", "visible");
	jQuery("#nc").css("visibility", "visible");
}

// Click sur la croix
// Lightbox affichée après 2 minutes
// On se contente juste de cacher la lightbox
function off() {
	jQuery("#nc").css("visibility", "hidden");
	jQuery("#lbox").css("visibility", "hidden");
	
	var timeout = setTimeout("on();", 15000); // 120000 = 2 minutes
}

// Click sur "Non merci"
// Lighbox plus jamais affichée
function off_def() {
	jQuery("#nc").css("visibility", "hidden");
	jQuery("#lbox").css("visibility", "hidden");
		
	// Le cookie va rester pendant 1 an
	jQuery.cookies.set('popup', 'never', {path : '/', hoursToLive:(24*365)});
}

// Click sur Ulterieurement
// Lightbox affichée à la prochaine visite
function plustard() {
	jQuery("#nc").css("visibility", "hidden");
	jQuery("#lbox").css("visibility", "hidden");
	
	// Pas d'option duration = cookie valable pour la session
	jQuery.cookies.set('popup', 'next', {path : '/'});
}