var nb_prod=0;
var current_page=1;
var array_page_pos=new Array();
function initPage(nb_product,product_max, trad){

	isMoving=false;
	old_page=1;
	(product_max==3)?gal_size =636:null;
	(product_max==2)?gal_size =640:null;
	//calcul du nombre de page
	nb_page=Math.floor(nb_product/product_max);

	(nb_product%product_max==0)?null:nb_page=nb_page+1;

	(nb_page>1)?$('btn_next').setStyle({display:'block'}):$('btn_next').setStyle({display:'none'});
	$('btn_prev').setStyle({display:'none'});


	var numero = '';

	for(i=0; i<nb_page;i++){
		array_page_pos[i]=i*gal_size;
		i==0? classOnOff = 'page_off' : classOnOff = 'page_on';
		var index = i+1;
		numero+='<div class="'+classOnOff+'"  id="page_'+index+'"><a title="'+trad+'" class="LIEN_pages_QUART" href="javascript:Move('+index+');">'+index+'</a></div>';

	}
	var  pagination = document.getElementById("pagesTER");
	nb_page == 1 ? null : pagination.innerHTML=numero;
	//pagination.style.width=(20*nb_page)+'px';

	$('pagesTER').setStyle({width:(20*nb_page)+'px'});


}
function Move(page){
	if(isMoving==false){
		current_page=page;

	//affichage de la pagination
	for(i=1; i<=nb_page;i++){
		$('page_'+i).className='page_on';
	}
	$('page_'+current_page).className='page_off';



	//affichage des btn prev et next
	(current_page==nb_page)?$('btn_next').setStyle({display:'none'}):$('btn_next').setStyle({display:'block'});
	(current_page-1==0)?$('btn_prev').setStyle({display:'none'}):$('btn_prev').setStyle({display:'block'});

	//calcule de la nouvelle position
	newPos=array_page_pos[old_page-1]-array_page_pos[current_page-1];

	//Lancement de l'animation via scriptaculous

	new Effect.MoveBy('listProdContent', 0, newPos, {duration:1, fps:25, from:0.0, to:1.0,beforeStart:function (){isMoving=true},afterFinish:function (){isMoving=false}});
	old_page=current_page;
	}

}
function nextPage(){
	if(isMoving==false){
		current_page++;
		Move(current_page);
	}
}
function prevPage(){
	if(isMoving==false){
		current_page--;
		Move(current_page);
	}
}

function HidePopin(){
	my_voile.style.display = 'none';
	Effect.Fade('popin', { duration:0.5, fps:25});

}
function HidePage(obj){
	var isIE = document.all?true:false;
	my_voile = document.getElementById("mask_app");

	Open_obj = document.getElementById(obj);
	var Page_hauteur = document.getElementById("wrapper").offsetHeight;
	if (isIE) {
		var Ecran_largeur = document.body.clientWidth;
		var Ecran_hauteur = document.body.clientHeight;
		var scrolledDown = document.body.scrollHeight;

	}
	else {
		var Ecran_largeur = window.innerWidth;
		var Ecran_hauteur = window.innerHeight;
		var scrolledDown = window.scrollY;
	}

	if(Page_hauteur>=Ecran_hauteur){
		var hauteur = Page_hauteur;
		}
	else{
		var hauteur = Ecran_hauteur;
		}

	my_voile.style.height = hauteur+"px";
	my_voile.style.width = 100+'%';





	//DEPLACEMENT de la page et de l'objet
	var decalage=0;

	window.scrollBy(0,-scrolledDown );
	//Open_obj.style.top = mouse_Y+'px';
	Open_obj.style.top = 30+'px';
	my_voile.style.display = 'block';
	Open_obj.style.left = (Ecran_largeur/2-570/2)-10+'px';

	new Effect.Appear('popin', { duration:1, fps:25});


	}
function affImg(my_img){
	$('popin_img').src=my_img.src;
	$('popin_img').width=490;
	$('popin_img').height=490;
	$('popin_img').style.marginTop=0;

}
function isComplete(my_img){
	if(my_img.complete){affImg(my_img);}
	else {setTimeout("isComplete(my_img)",200)}
}
function ShowPopin(title,src_img){
	$('popin_title').innerHTML=title;
	my_img=new Image();
	my_img.src=src_img;

	$('popin_img').src="ajax-loader.gif";
	$('popin_img').width=25;
	$('popin_img').height=25;
	$('popin_img').style.marginTop="230px";
	isComplete(my_img);
	HidePage('popin');

}