var baseUrl='';
var baseIdForm='';
function getLoginBoxByCookie(LayerId, editUrl, forgotUrl, registerUrl, logoutUrl, loginUrl, BaseUrl, BaseImg, AvatarDefault  )
{
	baseUrl = BaseUrl;

	var texte = '';
	texte+='<div id="loginContent" style="display:none">';
	texte+='</div>';

	if (BaseImg == undefined)
		BaseImg = "bugundef";
	if(GetCookie("user_logged") == "oui"){
		var pseudo = GetCookie("login_europe1");
		var prenom = GetCookie("prenom_europe1");
		var avatar = GetCookie("avatar_europe1");
		
		texte+='<div class="box_logued">';
        texte+='<a href="' + logoutUrl + '" class="deconnect">> Se deconnecter</a>';
        if( (avatar==false) || (avatar == null)){
			texte+='<img id="loginBoxAvatar" src="'+ AvatarDefault +'" width="51" height="51" alt="'+pseudo+'" />';
		}else{
			texte+='<img id="loginBoxAvatar" src="'+ BaseUrl + avatar + '" width="51" height="51" alt="'+pseudo+'" />';
		}
        texte+='<p>Bonjour<br />';
		texte+='<strong>' + pseudo + '</strong>';
		texte+='<a class="prof" href="javascript:;" onclick="callModalBox(\'' + editUrl + '\', {title: \'Inscription\', height: 900, width: 550, overlayOpacity: 0.75});">Votre profil</a></p>';
		texte+='</div>';			
	}else{		
		texte+='<form method="post" action="" name="mon_compte" id="mon_compte" onsubmit="loginUser( \'' + LayerId + '\', \'' + editUrl + '\', \'' + forgotUrl + '\', \'' + registerUrl + '\', \'' + logoutUrl + '\', \'' + loginUrl + '\', \'default\', \'' + BaseUrl + '\', \'' + AvatarDefault + '\');return false;">';
		texte+='<input type="hidden" name="noRedirect" value="blank">';
		texte+='<div class="box_login">';
		texte+='<a href="javascript:;" class="link_1ere_visite" onclick="callModalBox(\'' + registerUrl + '\', {title: \'Inscription\', height: 900, width: 550, overlayOpacity: 0.75});">1&egrave;re visite</a>';
		texte+='<div>';
		texte+='<div class="input_ctnt">';
		texte+='<input type="text" id="pseudo" tabindex="10" name="UserLogin" value="Pseudo"/>';
		texte+='</div>';
		texte+='<input type="password" name="UserPassword" id="pass" tabindex="11" value="Mot de passe" onkeypress="if (event.which == 13 || event.keyCode == 13) loginUser( \'' + LayerId + '\', \'' + editUrl + '\', \'' + forgotUrl + '\', \'' + registerUrl + '\', \'' + logoutUrl + '\', \'' + loginUrl + '\', \'default\', \'' + BaseUrl + '\', \'' + AvatarDefault + '\'); else return true; "/>';
		texte+='</div>';
		texte+='<div class="btn_box_login">';
		texte+='<a href="javascript:;" onclick="loginUser( \'' + LayerId + '\', \'' + editUrl + '\', \'' + forgotUrl + '\', \'' + registerUrl + '\', \'' + logoutUrl + '\', \'' + loginUrl + '\', \'default\', \'' + BaseUrl + '\', \'' + AvatarDefault + '\');return false;"><img src="' + BaseImg + 'btn_box_login.gif" /></a>';
		texte+='</div>';
		texte+='</div>';
		texte+='</form>';
	}

	$(LayerId).innerHTML = texte;
}

function filecheck(id){
	var stringToTest = document.getElementById(id).value.toLowerCase();
	
	if( stringToTest.match(".jpg") || stringToTest.match(".jpeg") || stringToTest.match(".gif") || stringToTest.match(".png") ){
			return true;
	}else{
			return false;
	}
}

function processfile(id){
	
	var texte = document.getElementById(id).parentNode.innerHTML;
	
	if(filecheck(id)){
		
		if(texte.match("Ceci n'est pas un fichier image")){
			
			var x = document.getElementById(id).parentNode;
			x.removeChild(document.getElementById('warning_file'));
		}
	
		document.getElementById(id).form.submit();
	
	}else{
		
		if(!texte.match("Ceci n'est pas un fichier image")){
			texte = "<span style='color:red;' id='warning_file'>Ceci n'est pas un fichier image</span>" + texte;
		}
		
		document.getElementById(id).parentNode.innerHTML = texte;
		document.getElementById(id).value = '';
	
	}

}

function getNewsletter( LayerId, urlNewsletter, urlSetNewsletter )
{	
	var texte = '';
	
	if(GetCookie("user_logged") == "oui"){
		var url = urlNewsletter + '?id_user=' + GetCookie("userid_vf3");
		new Ajax.Updater( LayerId, url, {asynchronous:true, evalScripts:false, method:'post', parameters:false, onComplete:false});		
	}else{		
		texte+='<form method="post" action="#" name="set_newsletter" id="set_newsletter" >';
		texte+='<label>Votre email</label><input type="text" style="width:180px; id="emailNews" name="emailNews" />';
		texte+='<ul>';
		texte+='<li><input type="checkbox" name="news" value="newsletter_vf3" />La News en bref</li>';
		texte+='<li><input type="checkbox" name="news" value="newsCuisine_vf3" />La News Cuisine</li>';
		texte+='<li><input type="checkbox" name="news" value="newsFemmes_vf3" />La News Femme</li>';
		texte+='<li><input type="checkbox" name="news" value="newsSociete_vf3" />La News Soci&eacute;t&eacute;</li>';
		texte+='<li><input type="checkbox" name="news" value="newsPeople_vf3" />La News People</li>';
		texte+='<li><input type="checkbox" name="news" value="offres_vf3" />Nos offres partenaires</li>';
		texte+='</ul>';
		texte+='<a href="javascript:;" onclick="setNewsletter( document.set_newsletter.news, document.set_newsletter.emailNews, \'' + urlSetNewsletter + '\' );" class="bt_ok">OK</a>';
		texte+='</form>';
	}
	
	$(LayerId).innerHTML = texte;
}

function setNewsletter( variable, email, url ){
	
		var nb_element = variable.length;
		var userid = GetCookie("userid_vf3");
		url = url + '?userid=' + userid + '&email=' + email.value;
		
		for (i=0;i<nb_element;i++){
			if( variable[i].checked )
				url = url + '&' + variable[i].value + '=' + variable[i].checked;
		}
		var opt = {
			    onSuccess: function(t) {
					document.getElementById('LayerNewsletterLoading').style.display='none';
					document.getElementById('LayerNewsletter').style.display='block';
			    }
			}
		document.getElementById('LayerNewsletterLoading').style.display='block';
		document.getElementById('LayerNewsletter').style.display='none';
		new Ajax.Request( url, opt );
}

function verifyRules( loginUrl, formName )
{	
	if(GetCookie("user_logged") == "oui"){
		document.getElementById(formName).submit();
	}else{		
		baseIdForm = formName;
		callModalBox(loginUrl, {title: 'Login', height: 800, width: 950, overlayOpacity: 0.75});
	}
}

function callModalBox(url, ModalBoxOptions) {
	document.body.style.cursor = "wait";
	var opt = {
	    // Use GET
	    method: 'get',
	    // Handle successful response
	    onSuccess: function(t) {
	        document.body.style.cursor = "default";
	        document.getElementById('globalglobal').style.display='block';
	        Modalbox.show(t.responseText, ModalBoxOptions);
	    },
	    // Handle 404
	    on404: function(t) {
	    	alert('Error 404: location "' + t.statusText + '" was not found.');
		},
	    // Handle other errors
	    onFailure: function(t) {
	    	alert('Error ' + t.status + ' -- ' + t.statusText);
		}
	};
	new Ajax.Request(url, opt);
	
}

function callModalWithParam(url, ModalBoxOptions, variableName) {
	var variableValue = document.getElementById(variableName).value;
	document.body.style.cursor = "wait";
	var opt = {
	    method: 'post',
	    parameters: variableName + '=' + variableValue + '&Generate=',
	    // Handle successful response
	    onSuccess: function(t) {
	        document.body.style.cursor = "default";
	        Modalbox.show(t.responseText, ModalBoxOptions);
	    },
	    // Handle 404
	    on404: function(t) {
	        //alert('Error 404: location "' + t.statusText + '" was not found.');
	    },
	    // Handle other errors
	    onFailure: function(t) {
	        //alert('Error ' + t.status + ' -- ' + t.statusText);
	    }
	};
	
	new Ajax.Request(url, opt);
}

function showLoading(LayerId, BaseUrl){
	var loadingpic = new Image();
  	  	
  	document.getElementById(LayerId).style.display='none';
  	document.getElementById(LayerId + '_loading').style.display='block';
}

function loginUserBox(loginUrl, sLoginContent, idForm) {
	
	new Ajax.Updater( sLoginContent, loginUrl, {asynchronous:true, evalScripts:false, method:'post', parameters:Form.serialize(idForm), onComplete:function(){ 

	if(GetCookie("user_logged") == "oui"){
		document.getElementById(baseIdForm).submit();
		Modalbox.hide();
	} 
	}});
	
}

function loginUserEmbedded(LayerId, loginUrl, BaseUrl, returnUrl, idForm ) {
	
	if( typeof(idForm) == 'undefined' ){
		idForm = 'mon_compte';
	}
	
	new Ajax.Updater( 'loginContent', loginUrl, {asynchronous:true, evalScripts:false, method:'post', parameters:Form.serialize(idForm), onComplete:function(){ 

	if(GetCookie("user_logged") == "oui"){
		window.location.href=returnUrl;
	} else {	
		Modalbox.show($('loginContent'), {title: 'Login', height: 900, width: 550, overlayOpacity: 0.75});
	 	document.getElementById(LayerId).style.visibility='visible';
	}
	}});
	
	//showLoading(LayerId, BaseUrl);
}

function loginUser(LayerId, editUrl, forgotUrl, registerUrl, logoutUrl, loginUrl, Design, BaseUrl, AvatarDefault, idForm) {
	
	if( typeof(idForm) == 'undefined' ){
		idForm = 'mon_compte';
	}

	new Ajax.Updater( 'loginContent', loginUrl, {asynchronous:true, evalScripts:false, method:'post', parameters:Form.serialize(idForm), onComplete:function(){ 

	if(GetCookie("user_logged") == "oui"){
		getLoginBoxByCookie(LayerId, editUrl, forgotUrl, registerUrl, logoutUrl, loginUrl, BaseUrl, '', AvatarDefault  );
	 	document.getElementById(LayerId).style.display='block';
	 	document.getElementById(LayerId+'_loading').style.display='none';		
	} else {
		Modalbox.show($('loginContent'), {title: 'Login', height: 900, width: 550, overlayOpacity: 0.75  });
	 	document.getElementById(LayerId).style.display='block';
	 	document.getElementById(LayerId+'_loading').style.display='none';
	}
	}});
	
	showLoading(LayerId, BaseUrl);
}

function RefreshLoginBoxAvatar () {
	if(GetCookie("user_logged") == "oui"){
		var avatar = GetCookie("avatar_t7j");
	
		if (avatar != '') {
			document.getElementById('loginBoxAvatar').src= baseUrl + avatar + '?' + getTimeStamp();
		}
	}
}

function getTimeStamp() {
	var currentTime = new Date();
	return currentTime.getTime();
}

function initCarouselInscription() {
	carousel = new Carousel('html-carousel', {numVisible:5, scrollInc:5, size:13, animHandler:animHandlerInscription, animParameters:{duration:0.5}, buttonStateHandler:buttonStateHandlerInscription, nextElementID:'next-arrow', prevElementID:'prev-arrow'})
}	
  		
function buttonStateHandlerInscription(button, enabled) {

	if (button == "prev-arrow") 
		$('prev-arrow').src = enabled ? baseUrl + "design/t7j/images/arrowb4.png" : baseUrl + "design/t7j/images/arrowb4.png"
	else 
		$('next-arrow').src = enabled ? baseUrl + "design/t7j/images/arrownext.png" : baseUrl + "design/t7j/images/arrownext.png"
	}

function animHandlerInscription(carouselID, status, direction) {
	var region = $(carouselID).down(".carousel-clip-region")
	if (status == "before") {
		Effect.Fade(region, {to: 0.3, queue: { position:'end', scope: "carousel" }, duration: 0.2})
	}
	if (status == "after") {
		Effect.Fade(region, {to: 1, queue: { position:'end', scope: "carousel" }, duration: 0.2})
	}
	
}