var vistaView = {
	/* variables */
	i:0,
	index:0,
	indexbis:0,
	signe_decode:0,
	onglet: 0,
	note: new Array(0,0,0,0),
	tab_signes:new Array('bélier', 'taureau', 'gémeaux', 'cancer', 'lion', 'vierge', 'balance', 'scorpion', 'sagittaire', 'capricorne', 'verseau', 'poissons'),
	/** debut fonctions **/
	display: function() {
// valeur par defaut du user
//CWE.setValue('date_naissance' , '06/02/1985');
//CWE.setValue('FK_id_signe' , getSigneWithDate(CWE.getValue('date_naissance')));	
		normalView.initSignes();
		$('tabedit').remove();
		CWE.getBody().setHTML('<div id="displayvista" class="displayvista"></div>');		
		$$('#displayvista').getParent().setStyle('width','100%');
		
		if( !CWE.getValue('date_naissance') ){
			$('displayvista').setHTML('<div id="divslideshow"><div id="divimg"><img id="img" src=""/></div><span id="titre"></span></div>');
			changeImgVista();
			smoothShowSlide.periodical(10000,this,[900]);		
		}else{
			$('displayvista').setHTML('<div id="divslideshow"><div class="notevista"></div></div>');
			// donnees description du signe (flux RSS)
			vistaView.signe_decode = replaceAccent(htmlEntityDecode(vistaView.tab_signes[getSigneWithDate(CWE.getValue('date_naissance'))]));
			xmlParserVista();
			smoothShowSlideBis.periodical(10000,this,[900]);			
		}
	}
}
var normalView = {
	slide : [],
	init_onglet : '0',
	onglet_utilisateur : '0',
	/* variables */
	tab_signes: '',
	init_id_signe : '',
	/** debut fonctions **/
	// chargement du template
	display: function() {
		//feedvalue
		if(CWE.target=="google"){
			fv_createAdLink('fv_campaign_ad')
		}
		try{
			//formulaire d'enregistrement du signe
			var selectedj = '';
			var selectedm = '';
			var selecteda = '';
			if( CWE.getValue('date_naissance') ){
				var naiss = CWE.getValue('date_naissance').split('/');
				selectedj = naiss[0];
				selectedm = naiss[1];
				selecteda = naiss[2];
			}else{
				selectedj = '';
				selectedm = '';
				selecteda = '';
			}
			for( var i=1; i<=31; i++ ) {
				var jour = i;
				if( jour < 10 )
					jour = '0'+i;					
				var option = new Element('option').setProperties({
					'value' : jour
				}).setHTML(jour);
				option.injectInside($E('.select_jour'));						
			}
			$E('.select_jour').setProperties({'value' : selectedj});
			for( var i=1; i<=12; i++ ) {
				var mois = i;
				if( mois < 10 )
					mois = '0'+i;
				var option = new Element('option').setProperties({
					'value' : mois
				}).setHTML(mois);							
				option.injectInside($E('.select_mois'));						
			}
			$E('.select_mois').setProperties({'value' : selectedm});
			var date = new Date().getFullYear().toInt();
			for( var i=1900; i<=date; i++ ) {
				var annee = i;
				var option = new Element('option').setProperties({
					'value' : annee
				}).setHTML(annee);
				option.injectInside($E('.select_annee'));	
			}	
			$E('.select_annee').setProperties({'value' : selecteda});			
			// ajouter les fonctions sur les boutons
			$$('.fgimg').addEvent('click',function(){
				normalView.precedent(this.id);
			});
			$$('.fdimg').addEvent('click',function(){
				normalView.suivant(this.id);
			});
			// chargement du template et des donnees
//$('div0').setStyle('display','none');
//$('div1').setStyle('display','none');
			// chargement du tableau des signes
			normalView.initSignes();
// valeur par defaut du user
//CWE.setValue('date_naissance' , '06/02/1985');
//CWE.setValue('FK_id_signe' , getSigneWithDate(CWE.getValue('date_naissance')));						
			// chargement du template et des donnees
			if( CWE.getValue('date_naissance') ){
				// initialisation des variables
				CWE.setValue('FK_id_signe' , getSigneWithDate(CWE.getValue('date_naissance')));
				normalView.init_id_signe = CWE.getValue('FK_id_signe');
			}
			// creation des onglets
			normalView.createOnglets();
		}catch (e){}
	},
	loadTemplate: function(options){	
		// decomposition de l'objet en parametre	
		var options = $merge({
			'onglet' : normalView.init_onglet	
		},options);	
		// variables
		normalView.onglet_utilisateur = options.onglet;	
		if( normalView.onglet_utilisateur>=0 && normalView.onglet_utilisateur<=3 ){
			normalView.loadInfoSigne();
		}else{
			console.debug('autre')
		}
	},
	// chargement des infos sur un signe
	loadInfoSigne: function () {		
		// variables
		var onglet = normalView.onglet_utilisateur;
		var signe_decode = replaceAccent(htmlEntityDecode(normalView.tab_signes[normalView.init_id_signe]['nom_signe']));
		// donnee logo		
		var nom_logo = signe_decode;
		try {	
			$E('.img_logo').setProperty('src','css/signes/' + nom_logo + '.jpg');			
			// donnees du signe
			$E('.signe').setHTML(First2UpperCase(normalView.tab_signes[normalView.init_id_signe]['nom_signe']));
			$E('.borne').setHTML(normalView.tab_signes[normalView.init_id_signe]['bornes_signe']);
			// donnees description du signe (flux RSS)
			xmlParser(signe_decode);
		}catch(e) {}
	},	
	// sauvegarder la date de naissance
	saveNaissance: function () {
		var jour = $E('.select_jour').options[$E('.select_jour').selectedIndex].value;
		var mois = $E('.select_mois').options[$E('.select_mois').selectedIndex].value;
		var annee = $E('.select_annee').options[$E('.select_annee').selectedIndex].value;
		CWE.setValue('date_naissance' , jour+'/'+mois+'/'+annee);
		CWE.setValue('FK_id_signe' , getSigneWithDate(CWE.getValue('date_naissance')));
		// initialisation des variables
		normalView.init_id_signe = CWE.getValue('FK_id_signe');
		normalView.init_onglet = '0';
		var options = ({
			'onglet' : '0'	
		});	
//$('div0').setStyle('display','block');
//$('div1').setStyle('display','none');
		$('mainbutton').fireEvent('click');
		normalView.loadTemplate(options);		
	},
	// naviguation des signes
	suivant: function(){
		if( normalView.init_id_signe < 11 ){
			normalView.init_id_signe++;
		}else{
			normalView.init_id_signe = 0;
		}
		normalView.smoothShow(2,900);		 
	},
	precedent: function(){
		if( normalView.init_id_signe > 0 ){
			normalView.init_id_signe--;
		}else{
			normalView.init_id_signe = 11;
		}
		normalView.smoothShow(2,900);	
	},
	// chargement du graph
	createOnglets: function () {
		normalView.currentPane = $('div'+normalView.init_onglet);
		//replace view in display div
		$('bn0').addEvent('click',function(){	
			$('bn'+normalView.onglet_utilisateur).src='css/img/onglet-'+normalView.onglet_utilisateur+'-off.jpg';
			this.src="css/img/onglet-0.jpg";
			normalView.smoothShow(1,900);	
			var options = $merge({
				'onglet' : '0'
			},options);
			normalView.loadTemplate(options);
		});
		$('bn1').addEvent('click',function(){
			$('bn'+normalView.onglet_utilisateur).src='css/img/onglet-'+normalView.onglet_utilisateur+'-off.jpg';
			this.src="css/img/onglet-1.jpg";
			normalView.smoothShow(1,900);			
			var options = $merge({
				'onglet' : '1'
			},options);	
			normalView.loadTemplate(options);
		});
		$('bn2').addEvent('click',function(){			
			$('bn'+normalView.onglet_utilisateur).src='css/img/onglet-'+normalView.onglet_utilisateur+'-off.jpg';
			this.src="css/img/onglet-2.jpg";
			normalView.smoothShow(1,900);
			var options = $merge({
				'onglet' : '2'
			},options);	
			normalView.loadTemplate(options);
		});
		$('bn3').addEvent('click',function(){			
			$('bn'+normalView.onglet_utilisateur).src='css/img/onglet-'+normalView.onglet_utilisateur+'-off.jpg';
			this.src="css/img/onglet-3.jpg";
			normalView.smoothShow(1,900);
			var options = $merge({
				'onglet' : '3'
			},options);	
			normalView.loadTemplate(options);
		});
		//onglet main
		$('mainbutton').addEvent('click',function(){
			if( !CWE.getValue('date_naissance') ){
				$('parambutton').fireEvent('click');
			}
		});
		//onglet parametre
		var tab = CWE.createTab('Paramètre', $('divparam'), 'tabedit');
		tab.id = "parambutton";
		/*$('parambutton').addEvent('click',function(){
			if( CWE.getValue('date_naissance') ){
				var naiss = CWE.getValue('date_naissance').split("/");
				$E('.select_jour').setProperties({'value' : naiss[0]});
				$E('.select_mois').setProperties({'value' : naiss[1]});
				$E('.select_annee').setProperties({'value' : naiss[2]});
			}
		});*/
		// onglet a propos
		CWE.setAbout($('divapropos'));
		$('aboutboxbutton').addEvent('click',function(){
			var options = $merge({
				'onglet' : 'aproposview'
			},options);	
			normalView.loadTemplate(options);	
		});
		// appel du premier onglet A� afficher
		options = ({
			'onglet' : normalView.init_onglet
		});
		$('bn0').src='css/img/onglet-'+normalView.onglet_utilisateur+'.jpg';
		if( !CWE.getValue('date_naissance') ){
			CWE._smoothShow($('divparam'),0);
		}
//$('div'+normalView.init_onglet).setStyle('display','block');
		normalView.loadTemplate(options);
	},
	smoothShow: function(nb,delay){
		delay /= 2;
		
		var fx = new Fx.Style('content','opacity',{
			duration: delay,
			wait: false
		});
		if( nb==2){
			var fx2 = new Fx.Style('divslide','opacity',{
				duration: delay,
				wait: false
			});
		}
		fx.start(0)
		if( nb==2) fx2.start(0)
		fx.start.delay(delay,fx,1)
		if( nb==2) fx2.start.delay(delay,fx2,1)
		
		if( nb==2) normalView.loadInfoSigne()
	},	 
	// chargement du tableau des signes
	initSignes: function(){		
		var tab_1 = new Array();
		tab_1['id_signe'] = '0';
		tab_1['nom_signe'] = 'b&eacute;lier';
		/*tab_1['bornes_signe'] = 'Du 21 mars 0 heure au 20 avril minuit';*/
		tab_1['bornes_signe'] = 'Du 21 mars au 20 avril';
		tab_1['bornes_signe_min'] = '21/03';
		tab_1['bornes_signe_max'] = '20/04';	
		var tab_2 = new Array();
		tab_2['id_signe'] = '1';
		tab_2['nom_signe'] = 'taureau';
		/*tab_2['bornes_signe'] = 'Du 21 avril 0 heure au 20 mai minuit';*/
		tab_2['bornes_signe'] = 'Du 21 avril au 20 mai';
		tab_2['bornes_signe_min'] = '21/04';
		tab_2['bornes_signe_max'] = '20/05';	
		var tab_3 = new Array();
		tab_3['id_signe'] = '2';
		tab_3['nom_signe'] = 'g&eacute;meaux';
		/*tab_3['bornes_signe'] = 'Du 21 mai 0 heure au 20 juin minuit';*/
		tab_3['bornes_signe'] = 'Du 21 mai au 20 juin';
		tab_3['bornes_signe_min'] = '21/05';
		tab_3['bornes_signe_max'] = '20/06';
		var tab_4 = new Array();
		tab_4['id_signe'] = '3';
		tab_4['nom_signe'] = 'cancer';
		/*tab_4['bornes_signe'] = 'Du 21 juin 0 heure au 22 juillet minuit';*/
		tab_4['bornes_signe'] = 'Du 21 juin au 22 juillet';
		tab_4['bornes_signe_min'] = '21/06';
		tab_4['bornes_signe_max'] = '22/07';
		var tab_5 = new Array();
		tab_5['id_signe'] = '4';
		tab_5['nom_signe'] = 'lion';
		/*tab_5['bornes_signe'] = 'Du 23 juillet 0 heure au 22 ao&ucirc;t minuit';*/
		tab_5['bornes_signe'] = 'Du 23 juillet au 22 ao&ucirc;t';
		tab_5['bornes_signe_min'] = '23/07';
		tab_5['bornes_signe_max'] = '22/08';
		var tab_6 = new Array();
		tab_6['id_signe'] = '5';
		tab_6['nom_signe'] = 'vierge';
		/*tab_6['bornes_signe'] = 'Du 23 ao&ucirc;t 0 heure au 21 septembre minuit';*/	
		tab_6['bornes_signe'] = 'Du 23 ao&ucirc;t au 21 septembre';
		tab_6['bornes_signe_min'] = '23/08';
		tab_6['bornes_signe_max'] = '21/09';
		var tab_7 = new Array();
		tab_7['id_signe'] = '6';
		tab_7['nom_signe'] = 'balance';
		/*tab_7['bornes_signe'] = 'Du 22 septembre 0 heure au 22 octobre minuit';*/
		tab_7['bornes_signe'] = 'Du 22 septembre au 22 octobre';
		tab_7['bornes_signe_min'] = '22/09';
		tab_7['bornes_signe_max'] = '22/10';
		var tab_8 = new Array();
		tab_8['id_signe'] = '7';
		tab_8['nom_signe'] = 'scorpion';
		/*tab_8['bornes_signe'] = 'Du 23 octobre 0 heure au 21 novembre minuit';*/
		tab_8['bornes_signe'] = 'Du 23 octobre au 21 novembre';
		tab_8['bornes_signe_min'] = '23/10';
		tab_8['bornes_signe_max'] = '21/11';
		var tab_9 = new Array();
		tab_9['id_signe'] = '8';
		tab_9['nom_signe'] = 'sagittaire';
		/*tab_9['bornes_signe'] = 'Du 22 novembre 0 heure au 20 d&eacute;cembre minuit';*/
		tab_9['bornes_signe'] = 'Du 22 novembre au 20 d&eacute;cembre';
		tab_9['bornes_signe_min'] = '22/11';
		tab_9['bornes_signe_max'] = '20/12';
		var tab_10 = new Array();
		tab_10['id_signe'] = '9';
		tab_10['nom_signe'] = 'capricorne';
		/*tab_10['bornes_signe'] = 'Du 21 d&eacute;cembre 0 heure au 19 janvier minuit';*/
		tab_10['bornes_signe'] = 'Du 21 d&eacute;cembre au 19 janvier';
		tab_10['bornes_signe_min'] = '21/12';
		tab_10['bornes_signe_max'] = '19/01';		
		var tab_11 = new Array();
		tab_11['id_signe'] = '10';
		tab_11['nom_signe'] = 'verseau';
		/*tab_11['bornes_signe'] = 'Du 20 janvier 0 heure au 18 f&eacute;vrier minuit';*/
		tab_11['bornes_signe'] = 'Du 20 janvier au 18 f&eacute;vrier';
		tab_11['bornes_signe_min'] = '20/01';
		tab_11['bornes_signe_max'] = '18/02';				
		var tab_12 = new Array();
		tab_12['id_signe'] = '11';
		tab_12['nom_signe'] = 'poissons';
		/*tab_12['bornes_signe'] = 'Du 19 f&eacute;vrier 0 heure au 20 mars minuit';*/
		tab_12['bornes_signe'] = 'Du 19 f&eacute;vrier au 20 mars';
		tab_12['bornes_signe_min'] = '19/02';
		tab_12['bornes_signe_max'] = '20/03';
		normalView.tab_signes = new Array(tab_1, tab_2, tab_3, tab_4, tab_5, tab_6, tab_7, tab_8, tab_9, tab_10, tab_11, tab_12);
	}
}