/*
Fonctions pour le site MaBule

Gaëtan Parel - Juin 2008
*/

/* Variables... Pour le menu de gauche et les carousels défilants.
   ATTENTION : Ne modifier que si vous êtes totalement sûr et certain de ce que vous faîtes !!! */
var p=new Array();
p['menu']=new Array();
p['menu']['width']=187;
p['menu']['height']=92;
p['menu']['maxWidth']=0;
p['menu']['enlargePercent']=8; // Pourcentage de plus
p['menu']['step']=4; // Nb de px qui augmentent a chaque boucle (Ne pas changer... SVP)
p['menu']['items']=new Array();
p['scroll']=new Array();
p['scroll']['width']=290;
p['scroll']['move']=new Array();
p['scroll']['speed']=70;
p['scroll']['delay']=35;
p['scroll']['numberOfItems']=3;

/* Fonction qui est appellée lorsqu'on survole un élément du menu avec la souris. Cette fonction est récursive. */
function overMenu(n,cpt,cptLol) {
	document.getElementById('background-'+n).src=document.getElementById('background-'+n).src.replace('.gif','-over.gif');
	return;
	if (typeof(cpt)=='undefined') {
		p['menu']['items'][n]++;
		cpt=p['menu']['items'][n];
		cptLol=0;
	}
	if (cpt!=p['menu']['items'][n]) return;
	cptLol++;

	width=setMenu(n,1,cptLol);
	if (width<p['menu']['maxWidth']) setTimeout('overMenu('+n+','+cpt+','+cptLol+')',25);
}

/* Fonction qui est appelée lorsqu'on ne survole PLUS un élément du menu avec la souris. Cette fonction est récursive. */
function outMenu(n,cpt,cptLol) {
	document.getElementById('background-'+n).src=document.getElementById('background-'+n).src.replace('-over.gif','.gif');
	return;
	if (typeof(cpt)=='undefined') {
		p['menu']['items'][n]++;
		cpt=p['menu']['items'][n];
		cptLol=0;
	}
	if (cpt!=p['menu']['items'][n]) return;
	cptLol++;

	width=setMenu(n,-1,cptLol);

	if (width>p['menu']['width']) setTimeout('outMenu('+n+','+cpt+','+cptLol+')',25);
	else document.getElementById('text-'+n).style.fontSize='11px';
}

/* Fonction qui définit la taille objets du menu, en fonction de certains paramètres passés.
   A modifier que si vous êtes certain de ce que vous faîtes !!! */
function setMenu(n,op,cptLol) {
	var width=parseInt(getStyle('background-'+n,'width'));

	/* Taille background & mask */
	width=width+(p['menu']['step']*op);
	if (width<p['menu']['width']) width=p['menu']['width'];
	
	document.getElementById('background-'+n).style.width=width+'px';
	document.getElementById('mask-'+n).style.width=width+'px';
	
	document.getElementById('menu-content-'+n).style.width=(width-22)+'px';
	/* Position background & mask */
	var marginTop=parseInt(getStyle('background-'+n,'margin-top'));
	marginTop=marginTop-((p['menu']['step']/4.5)*op);
	document.getElementById('background-'+n).style.marginTop=marginTop+'px';

	var imageWidth=document.getElementById('image-'+n).width;
	imageWidth=imageWidth+((p['menu']['step']/2)*op);
	document.getElementById('image-'+n).width=imageWidth;
	var imageHeight=document.getElementById('image-'+n).height;
	imageHeight=imageHeight+((p['menu']['step']/2)*op);
	document.getElementById('image-'+n).height=imageHeight;

	imageWidth=document.getElementById('suite-'+n).width;
	imageWidth=imageWidth+((p['menu']['step']/2)*op);
	document.getElementById('suite-'+n).width=imageWidth;

	var textWidth=parseInt(getStyle('text-'+n,'width'));
	textWidth=textWidth+(((p['menu']['step']/2)-1)*op);
	document.getElementById('text-'+n).style.width=textWidth+'px';

	var aMargin=parseInt(getStyle('item-'+n,'margin-left'));
	aMargin=aMargin-((p['menu']['step']/2)*op);
	document.getElementById('item-'+n).style.marginLeft=aMargin+'px';

/*	var bMargin=parseInt(getStyle('item-'+n,'margin-top'));
	bMargin=bMargin-((p['menu']['step']/4)*op);
	document.getElementById('item-'+n).style.marginTop=bMargin+'px';
	document.getElementById('item-'+n).style.marginBottom=(bMargin*-1)+'px';*/

	var titleWidth=document.getElementById('title-image-'+n).width;
	titleWidth=titleWidth+((p['menu']['step']/2)*op);
	document.getElementById('title-image-'+n).width=titleWidth;
	/*
	var fontSize=parseInt(getStyle('text-'+n,'font-size'));
	if (fontSize==11 && op==1 && width>=195) {
		fontSize=12;
		letterSpacing=-0.2;
		document.getElementById('text-'+n).style.fontSize=fontSize+'px';
		document.getElementById('text-'+n).style.letterSpacing=letterSpacing+'px';
	} else if (fontSize==12 && op==-1 &&width<195) {
		fontSize=11;
		letterSpacing=0;
		document.getElementById('text-'+n).style.fontSize=fontSize+'px';
		document.getElementById('text-'+n).style.letterSpacing=letterSpacing+'px';
	}*/

	return width;
}

/* Cette fonction est appelée au chargement de la page. Elle initialise quelques variables et éléments HTML */
function initMenu(cpt) {
	if (!document.getElementById('menu') || !document.getElementById('background-1')) {
		if (typeof(cpt)=='undefined') cpt=0;
		cpt++;
		if (cpt<20) setTimeout('initMenu('+cpt+')',100);
		return;
	}
	p['menu']['maxWidth']=Math.round(p['menu']['width']*(p['menu']['enlargePercent']/100+1));

	for (var i=0 ; i<20 ; i++) {
		p['menu']['items'][i]=0;	
	}
	
	initAutoMove();
	return;
	/* Init du background */
	var bgrElement=document.createElement('div');
	bgrElement.id='background-opacity';
	bgrElement.setAttribute('id','background-opacity');
	document.body.appendChild(bgrElement);
}

var tabMove=new Array();
function initAutoMove() {
	var n=1;
	while (document.getElementById('content-'+n) && n<=1) {
		if (p['scroll'][n]>p['scroll']['numberOfItems']) {
			tabMove.push(n);
		}
		n++;
	}
	setTimeout('autoMove()',6000);
}

var overCarousel=false;
var cptMoveCarousel=0;
function autoMove(cpt) {
	if (cpt!=cptMoveCarousel) return;
	if (overCarousel) return;
	for (var i=0 ; i<tabMove.length ; i++) {
		goRight(tabMove[i]);
	}
	cptMoveCarousel++;
	setTimeout('autoMove('+cptMoveCarousel+')',6000);
}

/* Pour la page jeux. Fonction appelée lorsque l'on clique sur un onglet */
function changeTab(tab) {
	if (!IE6) setOpacity('content-mask',0,100,100);
	
	var divs = document.getElementById('menu').getElementsByTagName('div'); 	
	for (var i=0 ; i<divs.length ; i++) {
		divs[i].className='tab';
		if (divs[i].id && divs[i].id.indexOf('tab-')!=-1) document.getElementById('content-'+divs[i].id.replace('tab-','')).style.display='none';
	}
	tab.className='tab selected';
	document.getElementById('content-'+tab.id.replace('tab-','')).style.display='block';
	
	if (!IE6) setOpacity('content-mask',100,0,20);
}

///alert("test");
/* Pour la page jeux. Fonction appelée lorsque l'on survole un onglet */
function overTab(tab) {
 	if (tab.className=='tab selected') return;
	tab.className='tab over';
}

/* Pour la page jeux. Fonction appelée lorsque l'on ne survole PLUS un onglet */
function outTab(tab) {
	if (tab.className=='tab selected') return;
	tab.className='tab';
}

/* Pour les carousels. Fonction appelée lorsque l'on survole une flèche (gauche / droite) */
function overArrow(arrow) {
	arrow.className=arrow.className.replace('left','left-over');
	arrow.className=arrow.className.replace('right','right-over');
}

/* Pour les carousels. Fonction appelée lorsque l'on ne survole PLUS une flèche (gauche / droite) */
function outArrow(arrow) {
	arrow.className=arrow.className.replace('-over','');
}

function overTheCarousel() {
	overCarousel=true;
}

function outTheCarousel() {
	overCarousel=false;
	cptMoveCarousel++;
	setTimeout('autoMove('+cptMoveCarousel+')',6000);
}
/* Pour les carousels. Fonction appelée lorsque l'on a cliqué sur la flèche de gauche. Elle fait défiler les éléments
   contenus dans le carousels vers la gauche.*/
function goLeft(n,margin,targetMargin,speed) {
	if (typeof(margin)=='undefined') {
		if(typeof(p['scroll']['move'][n])=='undefined') p['scroll']['move'][n]=0;
		if (p['scroll']['move'][n]!=0) return;
		var margin=parseInt(getStyle('scroll-move-'+n,'margin-left'));
		var targetMargin=margin+(p['scroll']['width']*p['scroll']['numberOfItems']);
		speed=p['scroll']['speed'];
		p['scroll']['move'][n]=1;
	}
	var diff=targetMargin-margin;
	if (diff<160 && speed>5) {
		speed=speed-Math.round(speed/4+5);
		if (speed<5) speed=5;
	}
	margin=margin+speed;
	if (margin>0) {
		var a = document.getElementById('scroll-move-'+n).getElementsByTagName('a');
		var first=a[0];
		var last=a[a.length-1];
		document.getElementById('scroll-move-'+n).removeChild(a[a.length-1]);
		margin=margin-p['scroll']['width'];
		document.getElementById('scroll-move-'+n).insertBefore(last,first);
		targetMargin=targetMargin-p['scroll']['width'];
	}
	if (margin>targetMargin) margin=targetMargin;
	document.getElementById('scroll-move-'+n).style.marginLeft=margin+'px';
	if (margin<targetMargin) setTimeout('goLeft('+n+','+margin+','+targetMargin+','+speed+')',p['scroll']['delay']);
	else p['scroll']['move'][n]=0;
}

/* Pour les carousels. Fonction appelée lorsque l'on a cliqué sur la flèche de droite. Elle fait défiler les éléments
   contenus dans le carousels vers la droite.*/
function goRight(n,margin,targetMargin,speed) {
	if (typeof(margin)=='undefined') {
		if(typeof(p['scroll']['move'][n])=='undefined') p['scroll']['move'][n]=0;
		if (p['scroll']['move'][n]!=0) return;
		var margin=parseInt(getStyle('scroll-move-'+n,'margin-left'));
		var targetMargin=margin-(p['scroll']['width']*p['scroll']['numberOfItems']);
		speed=p['scroll']['speed'];
		p['scroll']['move'][n]=-1;
	}
	var maxMargin=(p['scroll'][n]-p['scroll']['numberOfItems'])*p['scroll']['width']*-1;

	var diff=targetMargin-margin;
	if (diff>-160 && speed>5) {
		speed=speed-Math.round(speed/4+5);
		if (speed<5) speed=5;
	}
	margin=margin-speed;

	if (margin<=maxMargin) {
		var a = document.getElementById('scroll-move-'+n).getElementsByTagName('a');
		var first=a[0];
		var last=a[a.length-1];
		document.getElementById('scroll-move-'+n).removeChild(a[0]);
		margin=margin+p['scroll']['width'];
		insertAfter(document.getElementById('scroll-move-'+n), first, last);
		targetMargin=targetMargin+p['scroll']['width'];
	}
	if (margin<targetMargin) {
		margin=targetMargin;
	}
	document.getElementById('scroll-move-'+n).style.marginLeft=margin+'px';
	if (margin>targetMargin) setTimeout('goRight('+n+','+margin+','+targetMargin+','+speed+')',p['scroll']['delay']);
	else p['scroll']['move'][n]=0;
}

/* Pour les carousels de la page vidéo. Fonction appelée lorsque l'on a cliqué sur la flèche de gauche. Elle fait
   défiler les éléments contenus dans le carousels vers la gauche.*/
function goTop(n,margin,targetMargin,speed) {
	if (typeof(margin)=='undefined') {
		if(typeof(p['scroll']['move'][n])=='undefined') p['scroll']['move'][n]=0;
		if (p['scroll']['move'][n]!=0) return;
		var margin=parseInt(getStyle('scroll-move-'+n,'margin-top'));
		var targetMargin=margin+(p['scroll']['height']*p['scroll']['numberOfItems']);
		speed=p['scroll']['speed'];
		p['scroll']['move'][n]=1;
	}
	var diff=targetMargin-margin;
	if (diff<180 && speed>4) {
		speed=speed-Math.round(speed/7+4);
		if (speed<4) speed=4;
	}
	margin=margin+speed;
	if (margin>0) {
		var a = document.getElementById('scroll-move-'+n).getElementsByTagName('a');
		var first=a[0];
		var last=a[a.length-1];
		document.getElementById('scroll-move-'+n).removeChild(a[a.length-1]);
		margin=margin-p['scroll']['height'];
		document.getElementById('scroll-move-'+n).insertBefore(last,first);
		targetMargin=targetMargin-p['scroll']['height'];
	}
	if (margin>targetMargin) margin=targetMargin;
	document.getElementById('scroll-move-'+n).style.marginTop=margin+'px';
	if (margin<targetMargin) setTimeout('goTop('+n+','+margin+','+targetMargin+','+speed+')',p['scroll']['delay']);
	else p['scroll']['move'][n]=0;
}

function goBottom(n,margin,targetMargin,speed) {
	if (typeof(margin)=='undefined') {
		if(typeof(p['scroll']['move'][n])=='undefined') p['scroll']['move'][n]=0;
		if (p['scroll']['move'][n]!=0) return;
		var margin=parseInt(getStyle('scroll-move-'+n,'margin-top'));
		var targetMargin=margin-(p['scroll']['height']*p['scroll']['numberOfItems']);
		speed=p['scroll']['speed'];
		p['scroll']['move'][n]=-1;
	}
	var maxMargin=(p['scroll'][n]-p['scroll']['numberOfItems'])*p['scroll']['height']*-1;

	var diff=targetMargin-margin;
	if (diff>-180 && speed>4) {
		speed=speed-Math.round(speed/7+4);
		if (speed<4) speed=4;
	}
	margin=margin-speed;

	if (margin<maxMargin) {
		var a = document.getElementById('scroll-move-'+n).getElementsByTagName('a');
		var first=a[0];
		var last=a[a.length-1];
		document.getElementById('scroll-move-'+n).removeChild(a[0]);
		margin=margin+p['scroll']['height'];
		insertAfter(document.getElementById('scroll-move-'+n), first, last);
		targetMargin=targetMargin+p['scroll']['height'];
	}
	if (margin<targetMargin) {
		margin=targetMargin;
	}
	document.getElementById('scroll-move-'+n).style.marginTop=margin+'px';
	if (margin>targetMargin) setTimeout('goBottom('+n+','+margin+','+targetMargin+','+speed+')',p['scroll']['delay']);
	else p['scroll']['move'][n]=0;
}

var detectChangeLogin=false;

function try2Login(toCheck) {
	if (typeof(toCheck)=='undefined') {
		setCookie('mabulesl', '-1', 0, '/', 'tsr.ch', '');
		setTimeout('try2Login(0)',500);
	} else {
		var tmp = getCookie('mabulesl');
		if (tmp!=null && tmp!=-1) {
			mabuleLogin=tmp;
			if (isNumeric(tmp)) {
				if (!detectChangeLogin) {
					setOpacity('login',100,0,25);
					setTimeout('undisplayBackground()',130);
//					setTimeout('setOpacity("loged",0,100,15)',110);
//					setTimeout('setOpacity("loged",100,0,15)',300);
//					setTimeout('undisplayBackground()',400);
				} else {
					var tmpDate = new Date();
					document.location.href='index.html?siteSect=376390&'+tmpDate.getTime();
				}
			} else {
				alert(tmp);
				document.getElementById('loginPassword').value='';
			}
		} else {
			toCheck++;
			if (toCheck<20) {
				setTimeout('try2Login('+toCheck+')',500);
			} else {
				alert("Une erreur s'est produite.");
				document.getElementById('loginPassword').value='';
			}
		}
	}
}

function logout(islogedopen) {
	if (getCookie('mabulesl')>0) {
		//alert(getCookie('mabulesl'));
		setCookie('mabulesl', '-1', 0, '/', 'tsr.ch', '');
		
		if (!detectChangeLogin) {
			displayBackground();
			if (typeof(islogedopen)!='undefined') setTimeout('setOpacity("loged",100,0,25)',110);
			setTimeout('openLogout()',110);
		} else {
			var tmpDate = new Date();
			document.location.href='index.html?siteSect=376300&'+tmpDate.getTime();	
		}
	}
}

function displayBackground() {
	var bgr=document.getElementById('background-opacity');
	bgr.style.height=(parseInt(document.body.offsetHeight)+100)+'px';
	bgr.style.width=parseInt(document.body.offsetWidth)+'px';
	bgr.style.top=(parseInt(document.documentElement.scrollTop)-100)+'px';
	if (bgr.style.display=='block') return;
	setOpacity('background-opacity',0,60,25);
	if (IE6) {
		var sel=document.getElementsByTagName('select');
		for (var i=0; i<sel.length ; i++) {
			sel[i].style.display='none';
		}
	}
}

function undisplayBackground() {
	var bgr=document.getElementById('background-opacity');
	if (bgr.style.display!='block') return;
	setOpacity('background-opacity',60,0,25);
	if (IE6) {
		var sel=document.getElementsByTagName('select');
		for (var i=0; i<sel.length ; i++) {
			sel[i].style.display='';	
		}
	}
}

function openLogin() {
	if (getCookie('mabulesl')>0) {
		openLoged();
		return;
	}

	displayBackground();
	if (IE) {
		document.getElementById('login').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('login').style.display='block';
	} else {
		setTimeout('setOpacity("login",0,100,25)',110);
	}
	document.getElementById('loginPseudo').focus();
}

function closeLogin() {
	if (IE) {
		document.getElementById('login').style.display='none';
	} else {
		setOpacity('login',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function openLoged() {
	if (getCookie('mabulesl')==null || getCookie('mabulesl')==-1) {
		openLogin();
		return;
	}
	document.getElementById('background-opacity').style.height=parseInt(document.body.offsetHeight)+'px';
	displayBackground();
	if (IE6) {
		document.getElementById('loged').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('loged').style.display='block';
	} else {
		setTimeout('setOpacity("loged",0,100,25)',110);
	}
}

function closeLoged() {
	if (IE6) {
		document.getElementById('loged').style.display='none';
	} else {
		setOpacity('loged',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function openLogout() {
	document.getElementById('background-opacity').style.height=parseInt(document.body.offsetHeight)+'px';
	displayBackground();
	if (IE6) {
		document.getElementById('logout').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('logout').style.display='block';	
	} else {
		setTimeout('setOpacity("logout",0,100,25)',110);
	}
}

function closeLogout() {
	if (IE6) {
		document.getElementById('logout').style.display='none';
	} else {
		setOpacity('logout',100,0,25);
	}
		setTimeout('undisplayBackground();',130);
}

function openForgotpw() {
	if (getCookie('mabulesl')>0) {
		return;
	}
	document.getElementById('background-opacity').style.height=parseInt(document.body.offsetHeight)+'px';
	displayBackground();
	if (IE) {
		document.getElementById('forgotpw').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('forgotpw').style.display='block';
	} else {
		setTimeout('setOpacity("forgotpw",0,100,25)',110);
	}
}

function closeForgotpw() {
	if (IE6) {
		document.getElementById('forgotpw').style.display='none';
	} else {
		setOpacity('forgotpw',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function closeforgotpwok() {
	if (IE6) {
		document.getElementById('forgotpwok').style.display='none';
	} else {
		setOpacity('forgotpwok',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function openInfoParents() {
	document.getElementById('background-opacity').style.height=parseInt(document.body.offsetHeight)+'px';
	displayBackground();
	if (IE6) {
		document.getElementById('infoparents').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('infoparents').style.display='block';
	} else {
		setTimeout('setOpacity("infoparents",0,100,25)',110);
	}
}

function closeInfoParents() {
	if (IE6) {
		document.getElementById('infoparents').style.display='none';
	} else {
		setOpacity('infoparents',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function openReply(title) {
	// Met le title dans le champ approprié
	document.getElementById('reply-theme').value=title;
	
	document.getElementById('reply-nom').value='';
	document.getElementById('reply-email').value='';
	document.getElementById('reply-titre').value='';
	document.getElementById('reply-texte').value='';

	displayBackground();
	if (IE) {
		document.getElementById('replyforum').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('replyforum').style.display='block';
	} else {
		setTimeout('setOpacity("replyforum",0,100,25)',110);
	}
}

function closeReply() {
	if (IE) {
		document.getElementById('replyforum').style.display='none';
	} else {
		setOpacity('replyforum',100,0,25);
	}
	setTimeout('undisplayBackground();',130);
}

function try2Reply() {
	// Teste si tout les champs sont remplis.
	var prenom=document.getElementById('reply-nom').value;
	var email=document.getElementById('reply-email').value;
	var titre=document.getElementById('reply-titre').value;
	var commentaire=document.getElementById('reply-texte').value;
	var vTest = /^[a-zA-Z0-9\.\-\_]+@[a-zA-Z0-9\.\-\_]+\.[a-zA-Z]{2,4}$/i;
	
	if (prenom=='' || email=='' || titre=='' || commentaire=='') {
		document.getElementById('errorReply').innerHTML='Tu dois remplir tous les champs de ce formulaire.';
		document.getElementById('errorReply').style.display='block';
		return false;
	} else if (!vTest.test(email)) {
		document.getElementById('errorReply').innerHTML='Ton adresse e-mail n\'est pas valide.';
		document.getElementById('errorReply').style.display='block';
		return false;
	} else {
		switchReply2Popup();
		return true;
	}
}

function sendContact() {
	// Teste si tout les champs sont remplis.
	var prenom=document.getElementById('Ecom_ShipTo_Postal_Name_First').value;
	var email=document.getElementById('Ecom_ShipTo_Online_Email').value;
	var commentaire=document.getElementById('comment').value;
	var vTest = /^[a-zA-Z0-9\.\-\_]+@[a-zA-Z0-9\.\-\_]+\.[a-zA-Z]{2,4}$/i;
	
	if (prenom=='' || email=='' || commentaire=='') {
		document.getElementById('errorContact').innerHTML='Tu dois remplir tous les champs en gras, marqués d\'une *.';
		document.getElementById('errorContact').style.display='block';
		return false;
	} else if (!vTest.test(email)) {
		document.getElementById('errorContact').innerHTML='Ton adresse e-mail n\'est pas valide.';
		document.getElementById('errorContact').style.display='block';
		return false;
	} else return true;
}

function switchReply2Popup() {
	writeTextImage('Merci !','popup-generique-text1');
	document.getElementById('popup-generique-text2').innerHTML='Ta réponse a bien été postée et sera très bientôt visible sur le forum !';
	if (IE6) {
		document.getElementById('replyforum').style.display='none';
		document.getElementById('popup-generique').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('popup-generique').style.display='block';
	} else {
		setOpacity('replyforum',100,0,25);
		setOpacity('popup-generique',0,100,25);
	}
}

function switchLogout2Login() {
	if (IE6) {
		document.getElementById('logout').style.display='none';
		document.getElementById('login').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('login').style.display='block';
	} else {
		setOpacity('logout',100,0,25);
		setOpacity('login',0,100,25);
	}
}

function switchLogin2Forgotpw() {
	if (IE6) {
		document.getElementById('login').style.display='none';
		document.getElementById('forgotpw').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('forgotpw').style.display='block';
	} else {
		setOpacity('login',100,0,25);
		setOpacity('forgotpw',0,100,25);
	}
}

function switchForgotpw2Login() {
	if (IE6) {
		document.getElementById('forgotpw').style.display='none';
		document.getElementById('login').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('login').style.display='block';
	} else {
		setOpacity('forgotpw',100,0,25);
		setOpacity('login',0,100,25);
	}
}

function switchForgotpwok2Login() {
	if (IE6) {
		document.getElementById('forgotpwok').style.display='none';
		document.getElementById('login').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('login').style.display='block';
	} else {
		setOpacity('forgotpwok',100,0,25);
		setOpacity('login',0,100,25);
	}
}

function switchForgotpw2Forgotpwok() {
//	alert("forgotpwok ^^");
	if (IE6) {
		document.getElementById('forgotpw').style.display='none';
		document.getElementById('forgotpwok').style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById('forgotpwok').style.display='block';
	} else {
		setOpacity('forgotpw',100,0,25);
		setOpacity('forgotpwok',0,100,25);
	}
}


function scrollDocument(e) {
	if (document.getElementById('background-opacity') && document.getElementById('background-opacity').style.display!='none') {
		document.getElementById('background-opacity').style.top=(parseInt(document.documentElement.scrollTop)-100)+'px';
		if (IE6) {
			var objects=new Array('login','loged','logout','forgotpw','forgotpwok','inscriptionok','infoparents','replyforum','popup-generique');
			for (var i=0 ; i<objects.length ; i++) {
				if (document.getElementById(objects[i]) && document.getElementById(objects[i]).style.display=='block') {
					document.getElementById(objects[i]).style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
				}
			}
		}
	}
}

var mainPlayer;
function injectPlayerToTarget2(bcid) {
    //document.getElementById('middle-left').innerHTML = '<div id="player" style="background-image: url(\'/images/emissions/mabule/videos/player_videov4.jpg\'); margin-left: 90px; width: 657px; height: 379px; float:left;"><div id="flash_player"></div></div>';
		var c = document.getElementById('player');
    if (!c) {
        document.getElementById('middle-left').innerHTML = "<div id=\"player\" style=\"float:left;margin:0;padding:0;width:956px;height:376px;background: url('/images/emissions/mabule/videos/player_videov4.jpg') center 5px no-repeat;\"></div>";
	    c = document.getElementById('player');
    }

    if (c) {
        c.innerHTML = '<div id="video_player" style="margin:5px auto 0;"></div>';
        mainPlayer = new tsrkit('mainPlayer');
    	mainPlayer.videoContainer = 'player';
    	mainPlayer.videoTarget = 'video_player';
    	mainPlayer.videoWidth = 647;
    	mainPlayer.videoHeight = 366;
    	mainPlayer.autoPlay = true;
    
    	var newRequest = mainPlayer.searchOnSolr({'role': 'video', 'xobix_broadcast_id': bcid});
    	newRequest.rCallback = function() {
    		mainPlayer.playVideo(newRequest.firstVideoId);
    	};
    	newRequest.rTarget = '';
    	newRequest.launch();
	}
	
/*
	var playerPath="/flash/emissions/mabule/player_mabule.swf?v=20080821"; 
	var injectionTarget="player"; 
	var flashVars="bcid="+bcid+"&statsOn=true&autoStart=true&mute=false&defaultPreview=/images/emissions/zozios/videos/player-default-image.gif";
	var strHtml=""; 

	strHtml+='<object id="flashobj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" width="760" height="379" align="middle">';
	strHtml+='<param name="movie" value="'+playerPath+'" />';
	strHtml+='<param name="quality" value="high" />';
	//strHtml+='<param name="wmode" value="transparent" />';
	strHtml+='<param name="bgcolor" value="#000000" />';
	strHtml+='<param name="allowFullScreen" value="true" />';
	strHtml+='<param name="salign" value="lt" />';
	strHtml+='<param name="flashvars" value="'+flashVars+'" />';
	strHtml+='<embed name="flashobj" src="'+playerPath+'" width="760"  salign="lt" align="middle" flashvars="'+flashVars+'" height="379" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowFullScreen="true"></embed>';
	strHtml+='</object>';

	if((typeof insertString) == 'function') insertString(document.getElementById(injectionTarget),strHtml); 
	else document.getElementById(injectionTarget).innerHTML=strHtml;
*/
}

function playVideo(bcid, bcTitle) {
	
	injectPlayerToTarget2(bcid);
	document.getElementById('videos_player_title').innerHTML = bcTitle;
	
}

initMenu();
window.onscroll=scrollDocument;

/************** PAGE PROGRAMME ****************/
function writeTextImage(text,id,cpt) {

	if (typeof(id)!='undefined' && !document.getElementById(id)) {
		if (typeof(cpt)=='undefined') cpt=0;
		cpt++;
		if (cpt<10) setTimeout('writeTextImage("'+text+'","'+id+'",'+cpt+')',31);
		else writeTextImage(text);
		return;
	}
	
	var textPrint='';
	var tmp='';
	var test = new Array();
	test['normal'] = /^[a-zA-Z0-9]$/i;
	test['a'] = /^(à|á|ä|â)$/i;
	test['e'] = /(è|é|ë|ê)/i;
	test['i'] = /^(ì|í|ï|î)$/i;
	test['o'] = /^(ò|ó|ö|ô)$/i;
	test['u'] = /^(ù|ú|ü|û)$/i;
	var loops=parseInt(text.length);
	for (var i=0 ; i<loops ; i++) {
		tmp=text.charAt(i);
		tmp=tmp.toLowerCase();

		switch(tmp) {
			case '?' : tmp='interrogation'; break;
			case '!' : tmp='exclamation'; break;
			case ' ' : tmp='space'; break;
			case '-' : tmp='tiret'; break;
			case "'" : tmp='apostrophe'; break;
			case "|" : tmp='separation'; break;
			case ':' : tmp='deuxpoints'; break;
			case ';' : tmp='pointvirgule'; break;
			case '=' : tmp='egal'; break;
			case '(' : tmp='parenthesegauche'; break;
			case ')' : tmp='parenthesedroite'; break;
			default :
				if (!test['normal'].test(tmp)) {
					for (var attr in test) {
						if (attr!='normal') tmp = tmp.replace(test[attr],attr);	
					}
					if (!test['normal'].test(tmp)) tmp='interrogation';
				}
			break;
		}
		textPrint+='<span class="'+tmp+'"></span>';
	}

	if (typeof(id)!='undefined') document.getElementById(id).innerHTML=textPrint;
	else document.write(textPrint);
}

/* Petite fonction qui appelle la fonction d'ajout aux favoris du navigateur */
function add2Favorite(url,name) {
	if (IE) window.external.AddFavorite(url,name);
	else if (window.sidebar) window.sidebar.addPanel(name,url,'');
	else alert('Appuie sur les touches CTRL+D pour ajouter cette page dans tes favoris.');
}

function checkForm() {
tmpWithout=false;
var tmp=verifyPost(new Array(
		'mypseudo',
		'mypasswd',
		'mypasswdconfirm',
		'myname',
		'myfirstname',
		'myaddress',
		'mypostalcode',
		'mycity',
		'myemail',
		'mysex',
		'mybirthday',
		'mybirthmonth',
		'mybirthyear'
	));
	if (tmp) try2inscription();
	return tmp;
}

var tmpWithout=false;
function checkFormWithoutPass() {
	tmpWithout=true;
	var tmp=verifyPost(new Array(
		'myname',
		'myfirstname',
		'myaddress',
		'mypostalcode',
		'mycity',
		'myemail',
		'mysex',
		'mybirthday',
		'mybirthmonth',
		'mybirthyear'
	));
	//if (tmp) try2inscription();
	return tmp;
}

function fctFormIsClicked() {
	document.getElementById('formIsClicked').value=1;
}

function checkFormConcours() {
	tmpWithout=true;
	var tmp=verifyPost(new Array(
		'nom',
		'prenom',
		'adresse',
		'npa',
		'ville',
		'pays',
		'email',
		'sex',
		'dateDay',
		'dateMonth',
		'dateYear'
	));
	if (tmp) {
		if (document.getElementById('formIsClicked').value==0) {
			document.getElementById('erreur').style.display='block';
			if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
			document.getElementById('erreur').innerHTML='Tu dois choisir une r&eacute;ponse.';
			setTimeout('undisplayError()',4000);
			return false;
		}
		thanks4Concours();
	}
	return tmp;
}
function submitFormConcours() {
	if (document.getElementById('formIsClicked').value==0) {
		document.getElementById('erreur').style.display='block';
		if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
		document.getElementById('erreur').innerHTML='Tu dois choisir une r&eacute;ponse.';
		setTimeout('undisplayError()',4000);
		return false;
	}
	thanks4Concours();
}
function verifyPost(tab) {
	var err=0;
	var errMail=0;
	var errRobot=0;
	for (var i=0 ; i<tab.length ; i++) {
		document.getElementById(tab[i]).style.backgroundColor='';
		if (document.getElementById(tab[i]).value=='') {
			err++;
			document.getElementById(tab[i]).style.backgroundColor='#FFE6E6';
		}
		else {
			if (tab[i].indexOf('mail')!=-1) {
				var vTest = /^[a-zA-Z0-9\.\-\_]+@[a-zA-Z0-9\.\-\_]+\.[a-zA-Z]{2,4}$/i;
				if (!vTest.test(document.getElementById(tab[i]).value)) {
					errMail++;
					document.getElementById(tab[i]).style.backgroundColor='#FFE6E6';
				}
			}
		}
	}
	if (err>0) {
		document.getElementById('erreur').style.display='block';
		if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
		document.getElementById('erreur').innerHTML='Tu dois remplir tous les champs en gras, marqués d\'une *.';
		setTimeout('undisplayError()',4000);
		var posError = [];
		posError = findPos(document.getElementById('erreur'));
		scroll2Location(posError['y']-5);
		return false;
	}
	else if (errMail>0) {
		document.getElementById('erreur').style.display='block';
		if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
		document.getElementById('erreur').innerHTML='L\'adesse email n\'est pas valide.';
		setTimeout('undisplayError()',4000);
		var posError = [];
		posError = findPos(document.getElementById('erreur'));
		scroll2Location(posError['y']-5);
		return false;
	/*} else if (!document.getElementById('myparentsareok').checked) {
		document.getElementById('erreur').style.display='block';
		if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
		document.getElementById('erreur').innerHTML='Vous devez accepter les conditions d\'utilisation.';
		setTimeout('undisplayError()',4000);
		var posError = [];
		posError = findPos(document.getElementById('erreur'));
		scroll2Location(posError['y']-5);
		return false;*/
	} else {
		if (!tmpWithout) return checkPass();
		else return true;
	}
}

function undisplayError() {
	document.getElementById('erreur').style.textDecoration='';
}

function checkPass() {
	var password1 = document.getElementById('mypasswd');
	var password2 = document.getElementById('mypasswdconfirm');

	if(password1.value==password2.value && password1.value.length>=7) {
		return true;
	} else {
		if(password1.value!=password2.value) {
			document.getElementById('erreur').style.display='block';
			if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
			document.getElementById('erreur').innerHTML='Les deux mots de passe ne sont pas identiques.<br>';
			password1.style.backgroundColor='#FFE6E6';
			password2.style.backgroundColor='#FFE6E6';
			setTimeout('undisplayError()',4000);
			var posError = [];
			posError = findPos(document.getElementById('erreur'));
			scroll2Location(posError['y']-5);
			return false;
		} else {
			document.getElementById('erreur').style.display='block';
			if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
			document.getElementById('erreur').innerHTML='Le mot de passe doit contenir au moins 7 caractères.<br>';
			password1.style.backgroundColor='#FFE6E6';
			password2.style.backgroundColor='#FFE6E6';
			setTimeout('undisplayError()',4000);
			var posError = [];
			posError = findPos(document.getElementById('erreur'));
			scroll2Location(posError['y']-5);
			return false;
		}
	}
}

var selectedButtonAvatar=1;
function overButtonAvatar(btn) {
	if (btn!=selectedButtonAvatar) {
		setOpacity('button-avatar-'+btn,30,60,6);
	}
}

function outButtonAvatar(btn) {
	if (btn!=selectedButtonAvatar) {
		setOpacity('button-avatar-'+btn,60,30,6);
	}
}

function clickButtonAvatar(btn) {
	if (btn==selectedButtonAvatar) return;
	setOpacity('button-avatar-'+selectedButtonAvatar,100,30,14);
	setOpacity('button-avatar-'+btn,60,100,15);
	selectedButtonAvatar=btn;
	var other = (btn==1) ? 2 : 1;
	document.getElementById('content-avatar-'+other).style.display='none';
	setOpacity('content-avatar-'+btn,0,100,15);
	document.getElementById('mychoiceofavatar').value=btn;
}

var selectedAvatar=0;
function overAvatar(avt) {
	if (avt!=selectedAvatar) {
		setOpacity('myAvatar-'+avt,20,60,6);
	}
}

function outAvatar(avt) {
	if (avt!=selectedAvatar) {
		setOpacity('myAvatar-'+avt,60,20,6);
	}
}

function setAvatar(avt) {
	if (selectedAvatar>0) {
		if (avt==selectedAvatar) return;
		setOpacity('myAvatar-'+selectedAvatar,100,20,14);
	}
	setOpacity('myAvatar-'+avt,60,100,10);
	selectedAvatar=avt;
	document.getElementById('myavatar').value=selectedAvatar;
}

function checkImageFormat() {
	var value=document.getElementById('upload-img').value;
	if (value.indexOf('.jpg')==-1 && value.indexOf('.JPG')==-1) alert("Seul le format *.jpg est accepté.");
}

function try2inscription(toCheck) {
	// Regarde si c'est la première fois qu'on ouvre cette fonction
	if (typeof(toCheck)=='undefined') {
		// re-set du cookie
		setCookie('mabuleie', '-1', 0, '/', 'tsr.ch', '');
		// laisse le temps au serveur d'effectuer la connexion et rouvre la fonction dans 500ms
		setTimeout('try2inscription(0)',500);
	} else {
		var tmp = getCookie('mabuleie'); //ie = inscription etat, pas Internet Explorer ;-)
//		console.info(tmp);
		if (tmp!=null && tmp!=-1) {
			if (isNumeric(tmp) && tmp>0) {
				displayBackground();
				setTimeout('setOpacity("inscriptionok",0,100,25)',110);
			} else {
				document.getElementById('erreur').style.display='block';
				if (document.getElementById('erreur').innerHTML!='') document.getElementById('erreur').style.textDecoration='blink';
				document.getElementById('erreur').innerHTML=tmp;
				document.getElementById('mypseudo').style.backgroundColor='#FFE6E6';
				setTimeout('undisplayError()',4000);
				var posError = [];
				posError = findPos(document.getElementById('erreur'));
				scroll2Location(posError['y']-5);
			}
		} else {
			toCheck++;
			if (toCheck<20) {
				setTimeout('try2inscription('+toCheck+')',500);
			} else alert("Une erreur s'est produite.");
		}
	}
}
function try2Forgotpw(toCheck) {
	console.info(try2Forgotpw);
	if (typeof(toCheck)=='undefined') {
		setCookie('mabulefp', '-1', 0, '/', 'tsr.ch', '');
		setTimeout('try2Forgotpw(0)',500);
	} else {
		var tmp = getCookie('mabulefp');
		if (tmp!=null && tmp!=-1) {
			if(tmp=='success') switchForgotpw2Forgotpwok();
			else writeTextImage('Pas trouvé !','sourisforgotpw');
		} else {
			toCheck++;
			if (toCheck<20) {
				setTimeout('try2Forgotpw('+toCheck+')',500);
			} else alert("Une erreur s'est produite.");
		}
	}
}

function openPopupMabule(text1,text2) {
	var id='popup-generique';
	if (!document.getElementById(id)) {
		alert("Attention: l'élément \""+id+"\" n'a pas été trouvé. Les popup sont-elles vraiment incluses dans la page ?");
		return;
	}
	if (typeof(text2)=='undefined') text2='';
	if (typeof(text1)=='undefined') text1='';

	//document.getElementById('popup-generique-text1').innerHTML=text1;
	writeTextImage(text1,'popup-generique-text1');
	document.getElementById('popup-generique-text2').innerHTML=text2;

	document.getElementById('background-opacity').style.height=parseInt(document.body.offsetHeight)+'px';
	displayBackground();
	
	var div=document.getElementsByTagName('div');
	for (var i=0 ; i<div.length ; i++) if (div[i].className=='popup' && div[i].style.display=='block') div[i].style.display='none';

	if (IE6) {
		document.getElementById(id).style.top=(parseInt(document.documentElement.scrollTop)+20)+'px';
		document.getElementById(id).style.display='block';
	} else {
		setTimeout('setOpacity("'+id+'",0,100,25)',110);
	}
}

function closePopupMabule() {
	var id='popup-generique';
	if (!document.getElementById(id)) return;
	if (IE6) {
		document.getElementById(id).style.display='none';
	} else {
		setOpacity(id,100,0,25);
	}
	window.location.replace("index.html?siteSect=376300");
	setTimeout('undisplayBackground();',130);
}

var cptViewWallPaper=0;
function viewWallpaper(n) {
	setOpacity('fonds-ecran-preview',100,1,100);
	document.getElementById('loading').style.display='block';
	var w=screen.width;
	var h=screen.height;
	var ratio=h/w;
	
	switch(ratio) {
		case 0.8 :
			document.getElementById('fonds-ecran-preview').src=wallpapers[n][1];
		break;
		case 0.625 :
			document.getElementById('fonds-ecran-preview').src=wallpapers[n][2];
		break;
		case 0.75 :
		default :
			document.getElementById('fonds-ecran-preview').src=wallpapers[n][0];
		break;
	}
	cptViewWallPaper++;
	setTimeout('viewWallpaper2('+cptViewWallPaper+')',2000);
	//setTimeout('setOpacity("fonds-ecran-preview",1,100,8)',3000);
}
function viewWallpaper2(n) {
	if (n!=cptViewWallPaper) return;
	document.getElementById('loading').style.display='none';
	setOpacity("fonds-ecran-preview",1,100,8);
}


function checkFormForgotpw() {
/*	tmpWithout=true;
	var tmp=verifyPost(new Array(
		'forgotpwPseudo',
		'forgotpwMail'
	));
	if (tmp) {
		return true;*/
		try2Forgotpw();
/*	}
	else return false;
*/
}

function thanks4Concours() {
	document.getElementById('content-form-concours').style.display='none';
	document.getElementById('content-merci-concours').style.display='block';
	openPopupMabule('Merci !',"Merci d'avoir participé !<br><br>Tu seras personnellement contacté en cas de gain.");
}


addToStart(rebuildLinksForIE);