var popupVF = Class.create( _AjaxElements , {
	
	initialize:function( url ){
		this.url = url;
		this.neededParams = null;
	},
	
	deleteVf:function( url ) {
		switch_visibility('none','opacDiv');
		var parent = $('vf');
		parent.remove();
		if( !isNull( url ) )
			document.location = this.url;
	},

	locationVp:function() {
		if( window.location.pathname != '/ventes-privees/' )
			document.location = '/ventes-privees/';
		else
			this.deleteVf();
	},

	firstVP:function() {
		if( getCookie( 'AccessPrivateSale' ) ) {
			document.location = this.url;
		}else{
			switch_visibility('block','opacDiv');
			
			var elemntsFrame = {
					'htmlelmt' : 'div',
					'attributes' : { 'id' : 'vf' }
    				};
			var change = $('page-content').createFrame( elemntsFrame );
			var elemntsFrame = {
					'htmlelmt' : 'p',
					'txtContent' : 'Fermer <img src="http://media.brandalley.com/cvsmedia/v3/www2/pix/arrows/sup_article.png">',
					'attributes' : { 'id' : 'fermer' , 'style' : 'cursor:pointer' }
			   	};
			var pFermer = change.createFrame( elemntsFrame );
			pFermer.observe( 'click' , this.locationVp.bind( this ) );
			
			var elemntsFrame = {
					'htmlelmt' : 'p',
					'txtContent' : 'Pour acc&eacute;der aux Ventes Flash et aux looks, veuillez-vous identifier :',
					'attributes' : { 'id' : 'acces' }
			   	};
			change.createFrame( elemntsFrame );
			var elemntsFrame = {
					'htmlelmt' : 'input',
					'attributes' : { 'id' : 'email' , 'type' : 'text' , 'value' : 'Saisissez ici votre email pour vous identifier' }
			   	};
			var email = change.createFrame( elemntsFrame );
      
			email.observe(  'click' , this.inputEmpty.bindAsEventListener( this , 1 ) );
			var elemntsFrame = {
					'htmlelmt' : 'span',
					'txtContent' : 'Votre email est invalide',
					'attributes' : { 'id' : 'emEr' }
			   	};	
			change.createFrame( elemntsFrame );
			var elemntsFrame = {
					'htmlelmt' : 'p',
					'attributes' : { 'id' : 'pImage' }
			   	};
			var pImage = change.createFrame( elemntsFrame );
			var elemntsFrame = {
					'htmlelmt' : 'img',
					'attributes' : { 'id' : 'valider' , 'src' : 'http://media.brandalley.com/flashsale/jevalide.gif' }
			   	};	
			var valider = pImage.createFrame( elemntsFrame );
      
			Event.observe( valider , 'click' , this.checkExists.bind( this , this.url ) );
      
			var elemntsFrame = {
					'htmlelmt' : 'p',
					'txtContent' : 'Si vous n\'&ecirc;tes pas encore membre vous pouvez vous inscrire en quelques secondes en cliquant ci-dessous :',
					'attributes' : { 'id' : 'inscrit' }
			   	};
			change.createFrame( elemntsFrame );
			
			var elemntsFrame = {
					'htmlelmt' : 'p',
					'attributes' : { 'id' : 'pImInscrit' }
			   	};
      
			var pImInscrit = change.createFrame( elemntsFrame );
			var elemntsFrame = {
					'htmlelmt' : 'img',
					'attributes' : { 'id' : 'jeminscrit' , 'src' : 'http://media.brandalley.com/flashsale/jeminscris.gif' }
			   	};
      
			var jeminscrit = pImInscrit.createFrame( elemntsFrame );
			jeminscrit.observe(  'click' , this.secondVP.bind( this , this.url ) ); 
		}
	},

	inputEmpty:function( e , checkMail ) {
		var input = e.element();
	
		if ( !isNull( checkMail ) && !input.value.verifemail() )
			input.value = '';
		else if( !isNull( checkMail ) && input.value.verifemail() )
			input.stopObserving( 'click' );
		else{
			input.value = '';
			input.stopObserving( 'click' );
		}
	},

	secondVP:function( url ){
	
	    var Chaine = document.location.href;
	    var Sous_Chaine = 'leparisien' ;
	
	    var Resultat = Chaine.indexOf(Sous_Chaine);
	    
	    var emailRecup = $('email').value;
	    
	    if ( !emailRecup.verifemail() )
	      emailRecup = 'Saisissez votre email';
	    
	    var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Fermer <img src="http://media.brandalley.com/cvsmedia/v3/www2/pix/arrows/sup_article.png">',
				'attributes' : { 'id' : 'fermer' , 'style' : 'cursor:pointer' }
		   	};
		var pFermer = $('vf').updateFrame( elemntsFrame );
		pFermer.observe( 'click' , this.locationVp.bind( this ) );
	     
	    var offre = 'poopup_04.gif';
	    var maxContent = '30&euro;';
	    
	    if( Resultat > 0 ){
	    	offre = 'poopup_leparisien.gif';
	    	maxContent = '60&euro;';
	    }
	    
	    var elemntsFrame = {
				'htmlelmt' : 'img',
				'attributes' : { 'src' : 'http://media.brandalley.com/flashsale/'+offre }
		   	};
		$('vf').createFrame( elemntsFrame );
	    
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'attributes' : { 'id' : 'pFieldset' }
		   	};
		var pFieldset = $('vf').createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'attributes' : { 'id' : 'pCiv' }
		   	};
		var pCiv = pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'span',
				'txtContent' : '<input id="Mme" type="radio" name="civilite">'
		   	};
		pCiv.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'span',
				'txtContent' : 'Mme',
				'attributes' : { 'id' : 'spanMme' }
		   	};
		pCiv.createFrame( elemntsFrame );
		
		var elemntsFrame = {
					'htmlelmt' : 'span',
					'txtContent' : '<input id="Mlle" type="radio" name="civilite">'
		   	};
		pCiv.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'span',
				'txtContent' : 'Mlle',
				'attributes' : { 'id' : 'spanMlle' }
		   	};
		pCiv.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'span',
				'txtContent' : '<input id="M" type="radio" name="civilite">'
	   	};
		pCiv.createFrame( elemntsFrame );	  
		
		var elemntsFrame = {
				'htmlelmt' : 'span',
				'txtContent' : 'M',
				'attributes' : { 'id' : 'spanM' }
		   	};
		pCiv.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Veuillez choisir votre civilit&eacute;',
				'attributes' : { 'id' : 'emCiv' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'input',
				'attributes' : { 'id' : 'last' , 'type' : 'text' , 'value' : 'Nom' }
		   	};
		var last = pFieldset.createFrame( elemntsFrame );
		last.observe( 'click' , this.inputEmpty.bindAsEventListener( this ) );
	
		var elemntsFrame = {
				'htmlelmt' : 'input',
				'attributes' : { 'id' : 'first' , 'type' : 'text' , 'value' : 'Prenom' }
		   	};
		var first = pFieldset.createFrame( elemntsFrame );
		first.observe( 'click' , this.inputEmpty.bindAsEventListener( this ) );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Veuillez renseigner votre nom',
				'attributes' : { 'id' : 'lastEr' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Veuillez renseigner votre pr&eacute;nom',
				'attributes' : { 'id' : 'firstEr' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'input',
				'attributes' : { 'id' : 'email2' , 'type' : 'text' , 'value' : emailRecup }
		   	};
		var email2 = pFieldset.createFrame( elemntsFrame );
		email2.observe( 'click' , this.inputEmpty.bindAsEventListener( this , 1 ) );
		  
		var elemntsFrame = {
				'htmlelmt' : 'input',
				'attributes' : { 'id' : 'confEmail' , 'type' : 'text' , 'value' : 'Confirmer votre email' }
		   	};
		var confEmail = pFieldset.createFrame( elemntsFrame );
		confEmail.observe( 'click' , this.inputEmpty.bindAsEventListener( this , 1 ) );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Votre email est invalide',
				'attributes' : { 'id' : 'emEr' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Les champs ne correspondent pas',
				'attributes' : { 'id' : 'confEr' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		
		var elemntsFrame = {
				'htmlelmt' : 'input',
				'attributes' : { 'id' : 'cp' , 'type' : 'text' , 'value' : 'Code postal' }
		   	};
		var cp = pFieldset.createFrame( elemntsFrame );
		
		cp.observe( 'click' , this.inputEmpty.bindAsEventListener( this ) );
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Votre code postal est invalide',
				'attributes' : { 'id' : 'cpEr' }
		   	};
		pFieldset.createFrame( elemntsFrame );
		  
	    if( Resultat < 0 ){
	    	
	    	var elemntsFrame = {
	    			'htmlelmt' : 'p',
	    			'txtContent' : '<span><input id="ouiPartner" type="checkbox" name="inscription" /></span>',
	    			'attributes' : { 'id' : 'partner' }
	    	   	};
	    	var partner = pFieldset.createFrame( elemntsFrame );
	    	var elemntsFrame = {
	    				'htmlelmt' : 'label',
	    				'txtContent' : '&nbsp;Oui, je souhaite recevoir par email les invitations et <span class="espace">avantages des partenaires s&eacute;lectionn&eacute;s par </span><span class="espace">Brandalley (option facultative)</span>'
	    	   		};
	    	partner.createFrame( elemntsFrame );
	    }
	
	    if( Resultat > 0 ){
	    	var elemntsFrame = {
	    			'htmlelmt' : 'p',
	    			'txtContent' : '<span><input id="ouiPartnerParisienpopup" type="checkbox" name="inscriptionouiPartnerParisien" /></span>',
	    			'attributes' : { 'id' : 'partnerparisienp' }
	    	   	};
	    	  var partner2 = pFieldset.createFrame( elemntsFrame );
	    	  
	    	  var elemntsFrame = {
	  				'htmlelmt' : 'label',
	  				'txtContent' : '&nbsp;Oui, je souhaite recevoir la newsletter du <span class="espace">Parisien.fr</span>'
	  	   		};
	    	  partner2.createFrame( elemntsFrame );    	    	  
	    	      	  
		  }
	
	    var elemntsFrame = {
	    		'htmlelmt' : 'img',
	    		'attributes' : { 'src' : 'http://media.brandalley.com/flashsale/jevalide.gif' , 'id' : 'valider' }
	    };
	    var valider = $('vf').createFrame( elemntsFrame );
	  
	    valider.observe( 'click' , this.validForm.bind( this ) );
	    
	    var elemntsFrame = {
	    		'htmlelmt' : 'p',
	    		'txtContent' : '*Pour '+maxContent+' d\'achat minimum hors frais de port',
	    		'attributes' : { 'id' : 'max' }
	    };
	    $('vf').createFrame( elemntsFrame );
	    
	},
	
	checkExists:function( parametres ){

		var email = $('email').value;
  	
		if ( !email.verifemail() ) {
			$('emEr').style.display = 'block';
			return;
		}
		
    
	    var jsonElements = { 
	    						'url':'/AffichageAjax=checkExists',
	    						'myClass':this,
	    						'myMethod':'checkThose()',
	    						'parametres' : 'email='+email,
	    						'resultat' : 'text'
	    					};
	    
	    ajaxReq = new _AjaxElements( jsonElements );
	    ajaxReq.getAjaxInformations();
            
	},
	
	checkThose:function(){
		if ( this.json == 'ok' ){
			if ( !isNull( this.url ) ){
				document.location = this.url;
			}else
				this.deleteVf();
		}

		if( this.json == 'notOk' )
			this.secondVP();
	},


	validForm:function (url) {

	  	$('emCiv').style.display = 'none';
	    $('lastEr').style.display = 'none';
	    $('firstEr').style.display = 'none';
	  	$('emEr').style.display = 'none';
	  	$('confEr').style.display = 'none';
	  	$('cpEr').style.display = 'none';
  	
	  	var myVarAjax;
	  	var int = /^\d+$/;

	  	var goOn = true;
    
	  	if ( !$('Mme').checked && !$('Mlle').checked && !$('M').checked ) {
	  		$('emCiv').style.display = 'block';
	  		goOn = false;
	  	}
    
    
	  	if ( $('last').value == '' || $('last').value == 'Nom' ) {
	  		$('lastEr').style.display = 'block';
	  		goOn = false;
	  	}
    
	  	if ( $('first').value == '' || $('first').value == 'Prenom' ) {
	  		$('firstEr').style.display = 'block';
	  		goOn = false;
	  	}
	  	var email = $('email2').value;

	  	if ( !email.verifemail() ) {
	  		$('emEr').style.display = 'block';
	  		goOn = false;
	  	}
    
	  	if ( ( $('emEr').style.display == 'none' ) && ( $('confEmail').value != email ) ) {
	  		$('confEr').style.display = 'block';
	  		goOn = false;
	  	}
    
	  	if ( ( $('cp').value == '' ) || ( !int.test( $('cp').value ) ) || ( $('cp').value.length != '5' ) ) {
	  		$('cpEr').style.display = 'block';
	  		goOn = false;
	  	}

	  	if ( !goOn )
	  		return;
  	
	  	if ( $('Mme').checked )
	  		var gender = 'Mme';
	  	else if ( $('Mlle').checked )
	  		var gender = 'Mlle';
	  	else
	  		var gender = 'M';
   
	  	var optin = 'brandalley';
    
	  	if ( isSet( $('ouiPartner') ) && $('ouiPartner').checked )
	  		var optin = 'all';
      
	  	var partnerskin ='';
    
	  	if ( isSet( $('ouiPartnerParisienpopup') ) ) {
	  		if ( $('ouiPartnerParisienpopup').checked )
	  			var partnerskin = '&partnerskin=1';
	  		else
	  			var partnerskin = '&partnerskin=0'; 
	  	}
	  	var pars = 'email=' +email+ '&gender=' +gender+ '&last=' +$('last').value+ '&first=' +$('first').value+ '&cp='+$('cp').value;
	  	this.neededParams = pars+'&optin='+optin+partnerskin;
	  	var jsonElements = { 
	  			'url':'/AffichageAjax=checkExists',
	  			'myClass':this,
	  			'myMethod':'checkThoseSecond()',
	  			'parametres' : pars,
	  			'resultat' : 'text'
	  	};

	  	ajaxReq = new _AjaxElements( jsonElements );
	  	ajaxReq.getAjaxInformations();
	},
	
	checkThoseSecond:function(){
		if ( this.json == 'ok' )
			deleteVf();
		else {
			
			var jsonElements = { 
		  			'url':'/MonCompte~ventePrivee/',
		  			'myClass':this,
		  			'myMethod':'thirdVP()',
		  			'parametres' : this.neededParams,
		  			'resultat' : 'text'
		  	};
			ajaxReq = new _AjaxElements( jsonElements );
		  	ajaxReq.getAjaxInformations();
		  	
		}
	},

	thirdVP:function() {

		var parent = $('vf');
		
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Fermer <img src="http://media.brandalley.com/cvsmedia/v3/www2/pix/arrows/sup_article.png">',
				'attributes' : { 'id' : 'fermer' , 'style' : 'cursor:pointer' }
		   	};
		var pFermer = $('vf').updateFrame( elemntsFrame );
		pFermer.observe( 'click' , this.locationVp.bind( this ) );
        
		var elemntsFrame = {
				'htmlelmt' : 'p',
				'txtContent' : 'Bienvenue !<br><br> Vous faites d&eacute;sormais partie de nos membres privil&eacute;gi&eacute;s et pouvez acc&eacute;der &agrave; toutes nos ventes.<br><br>Vous pouvez d&eacute;cider du type et de le fr&eacute;quence d\'envoi de vos newsletters en cr&eacute;ant un compte (<a class="account" href="/MonCompte/">cliquez ici)</a> ou acc&eacute;der tout de suite aux Ventes Privil&egrave;ge en cliquant ci-dessous.',
				'attributes' : { 'id' : 'accesVp' }
		   	};
		$('vf').createFrame( elemntsFrame );
		var elemntsFrame = {
				'htmlelmt' : 'img',
				'attributes' : { 'id' : 'jaccede' , 'src' : 'http://media.brandalley.com/flashsale/jaccedeauxventes.gif'  }
		   	};
		var jaccede = $('vf').createFrame( elemntsFrame );
		
		jaccede.observe( 'click' , this.deleteVf.bind( this , this.url ) );
        
	}
	
});