var ApercuQuestionnaire = Class.create();

ApercuQuestionnaire.prototype = {


	initialize: function(idConteneur) {
	
		this.conteneur = $(idConteneur);
		this.nbPages = this.conteneur.getElementsByClassName('page').length;

		//this.cacherAll();
		
		//window.setTimeout("myApercu.setPage(1)" , 600);
	},
	
	changeStyleMenu: function(page) {
	
		var pMenu = $('contenuPage' + page).parentNode.getElementsByClassName('menu')[0];
	
	
		if($('contenuPage' + page).visible()) { 
			Element.addClassName(pMenu , 'visible');
			Element.removeClassName(pMenu , 'hide');
		}else {
			Element.addClassName(pMenu , 'hide');
			Element.removeClassName(pMenu , 'visible');
		}
		
		
		return true;	
	},
	
	setPage : function(page) {
		
		
				
		new Effect.toggle($('contenuPage' + page) , 'slide' ,{duration: 0.5, afterFinish: function() {
			
			myApercu.changeStyleMenu(page);
			
			} 
			});
		
	},
	cacherAll: function() {
			
		for(var i = 1; i <= this.nbPages; i++) {
				
			$('contenuPage' + i).hide();
			this.changeStyleMenu(i);
		}
		
		return true;
	},
	accroitreAll: function() {
	
		for(var i = 1; i <= this.nbPages; i++) {
					
			if(!$('contenuPage' + i).visible())
				this.setPage(i);
		}
		
		return true;	
	
	},
	reduireAll: function() {
	
	
		for(var i = 1; i <= this.nbPages; i++) {
					
			if($('contenuPage' + i).visible())
				this.setPage(i);
		}
		
		return true;	
	},
	goToPage: function(page) {
	
		
		if(!$('contenuPage' + page).visible()) {
			this.setPage(page);
			window.setTimeout('myApercu.goToPage('+page+')' , 500);
						
		} else		
			window.location.href = "#page" + page;
	
	


	}
	
	
}