// variables defaut
var exec="ok"; var speed="no"; var nomblog='';
var i=122; var j=122; var k=365; var l=387; var m=50; n=1; var theme='Exposition'; var transport='';
var color1=''; 	var color2=''; var block=0; var block2=''; var onglet=1;
var identifiant=''; var password=''; var reqz = new Array(); o = 0;

var aeTitre=""; var aeContenu=""; var aeNom=""; var aeDescription=""; var aePrenom=""; var aeType=""; var aeMail=""; var aeDateD="";
var aeTel=""; var aeDateF=""; var aeAdresse=""; var aeCp=""; var aeVille=""; var aePublic=""; var uNom=""; var uPrenom=""; var uId=""; 

var usNom=""; var usPrenom=""; var usAdresse=""; var usVille=""; var usCp=""; var usLogin=""; var usPass=""; var usMail="";
var usDate=""; var usTel=""; var usLangue=""; var usAct="oui"; var cov="";

var coBillet=""; var coBlog="";

document.getElementById('connect').onclick = function(){ 
	identifiant=document.getElementById('identifiant').value;
	password=document.getElementById('password').value;
	
		  if(window.XMLHttpRequest)
		  { 
		  	reqz[o] = new XMLHttpRequest();
		  }
		  else if (window.ActiveXObject)
		  {  
	   		reqz[o] = new ActiveXObject("Microsoft.XMLHTTP"); 
		  }

		  reqz[o].onreadystatechange = function()
		  {
		    if(reqz[o].readyState == 4)
		    {
		       if(reqz[o].status == 200)
		       {
              var tmp = reqz[o].responseText;
		      		if(tmp=="erreur"){ 
						alert('erreur de connection !'); 
					}
		      		else{
						tmp = tmp.split("--");
						document.getElementById('NomUser').innerHTML = "Bienvenue "+tmp[2]+" "+tmp[1]+",";
						document.getElementById('zonelogin').innerHTML = "<div style='text-align : right;'><br /><a href='javascript:inscrire();'>Mon Profil</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:goAgenda();'>Mon Agenda</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:goCovoiturage();'>Mes Covoiturages</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:deconnection();'>Me Deconnecter</a> &nbsp;&nbsp;&nbsp;<br /></div>";
						uNom=tmp[1]; uPrenom=tmp[2]; uId=tmp[0];
		      		}	   
		       }
		    }
		   }
		   
		  reqz[o].open( "POST", "connect.php?login="+identifiant+"&mdp="+password, true);
		  reqz[o].setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  reqz[o].send("block="+block+"&onglet="+onglet);
}

function connectionz(){
	identifiant=usLogin;
	password=usPass;
	
		  if(window.XMLHttpRequest)
		  { 
		  	reqz[o] = new XMLHttpRequest();
		  }
		  else if (window.ActiveXObject)
		  {  
	   		reqz[o] = new ActiveXObject("Microsoft.XMLHTTP"); 
		  }

		  reqz[o].onreadystatechange = function()
		  {
		    if(reqz[o].readyState == 4)
		    {
		       if(reqz[o].status == 200)
		       {
              var tmp = reqz[o].responseText;
		      		if(tmp=="erreur"){ 
						alert('erreur de connection !'); 
					}
		      		else{
						tmp = tmp.split("--");
						document.getElementById('NomUser').innerHTML = "Bienvenue "+tmp[2]+" "+tmp[1]+",";
						document.getElementById('zonelogin').innerHTML = "<div style='text-align : right;'><br /><a href='javascript:inscrire();'>Mon Profil</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:goAgenda();'>Mon Agenda</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:goCovoiturage();'>Mes Covoiturages</a> &nbsp;&nbsp;&nbsp;<br /><a href='javascript:deconnection();'>Me Deconnecter</a> &nbsp;&nbsp;&nbsp;<br /></div>";
						uNom=tmp[1]; uPrenom=tmp[2]; uId=tmp[0];
		      		}	   
		       }
		    }
		   }
		   
		  reqz[o].open( "POST", "connect.php?login="+identifiant+"&mdp="+password, true);
		  reqz[o].setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  reqz[o].send("block="+block+"&onglet="+onglet);
}

function deconnection(){
	uNom=""; uPrenom=""; uId="";
	document.getElementById('NomUser').innerHTML = "";
	document.getElementById('zonelogin').innerHTML = "";
}

	var iconA = new GIcon(); 
    iconA.image = 'http://tpm.proximap.fr/images/bulles/evenement.gif';
    iconA.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconA.iconSize = new GSize(21, 46);
    iconA.shadowSize = new GSize(45, 46);
    iconA.iconAnchor = new GPoint(8, 46);
    iconA.infoWindowAnchor = new GPoint(5, 1);

	var iconB = new GIcon(); 
    iconB.image = 'http://tpm.proximap.fr/images/bulles/lieux.gif';
    iconB.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconB.iconSize = new GSize(21, 46);
    iconB.shadowSize = new GSize(45, 46);
    iconB.iconAnchor = new GPoint(8, 46);
    iconB.infoWindowAnchor = new GPoint(5, 1);

	var iconC = new GIcon(); 
    iconC.image = 'http://tpm.proximap.fr/images/bulles/mistral.gif';
    iconC.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconC.iconSize = new GSize(21, 46);
    iconC.shadowSize = new GSize(45, 46);
    iconC.iconAnchor = new GPoint(8, 46);
    iconC.infoWindowAnchor = new GPoint(5, 1);

	var iconD = new GIcon(); 
    iconD.image = 'http://tpm.proximap.fr/images/bulles/gare.gif';
    iconD.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconD.iconSize = new GSize(21, 46);
    iconD.shadowSize = new GSize(45, 46);
    iconD.iconAnchor = new GPoint(8, 46);
    iconD.infoWindowAnchor = new GPoint(5, 1);

	var iconE = new GIcon(); 
    iconE.image = 'http://tpm.proximap.fr/images/bulles/covoiturage.gif';
    iconE.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconE.iconSize = new GSize(21, 46);
    iconE.shadowSize = new GSize(45, 46);
    iconE.iconAnchor = new GPoint(8, 46);
    iconE.infoWindowAnchor = new GPoint(5, 1);

	var iconF = new GIcon(); 
    iconF.image = 'http://tpm.proximap.fr/images/bulles/taxi.gif';
    iconF.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconF.iconSize = new GSize(21, 46);
    iconF.shadowSize = new GSize(45, 46);
    iconF.iconAnchor = new GPoint(8, 46);
    iconF.infoWindowAnchor = new GPoint(5, 1);

	var iconG = new GIcon(); 
    iconG.image = 'http://tpm.proximap.fr/images/bulles/institution.gif';
    iconG.shadow = 'http://tpm.proximap.fr/images/bulles/shadow-evenement.png';
    iconG.iconSize = new GSize(21, 46);
    iconG.shadowSize = new GSize(45, 46);
    iconG.iconAnchor = new GPoint(8, 46);
    iconG.infoWindowAnchor = new GPoint(5, 1);
    
    var customIcons = [];
    customIcons["Spectacle"] = iconA;
	customIcons["Musique"] = iconA;
	customIcons["Evenement patrimoine"] = iconA;
	customIcons["Sport"] = iconA;
	customIcons["Evenement maritime"] = iconA;
	customIcons["Evenement urbain"] = iconA;
	customIcons["Exposition"] = iconA;
	customIcons["Theatre"] = iconA;
	customIcons["Familial"] = iconA;
    customIcons["gare"] = iconD;
    customIcons["station_taxi"] = iconF;
	customIcons["borne_covoiturage"] = iconE;

// actions survol et clic block accueil
document.getElementById('b1').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='1'; 	l='209';	document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no"; loadAide();
	}
}
document.getElementById('b1').onmouseover = function(){ 
	if(exec!="no"){
		theme='Exposition'; transport=''; block='1'; block2='1'; color1='#FFDF00'; color2='#FFEE66'; colorier();
	}
}
document.getElementById('b1').onmouseout = function(){ 
	if(exec!="no"){
		block='1'; block2='0'; color1='#FFDF00'; color2='#ADDFE8'; colorier(); block='0';
	}
}

document.getElementById('b2').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='2'; document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no";
	}
}
document.getElementById('b2').onmouseover = function(){ 
	if(exec!="no"){
		block='2'; block2='2'; color1='#FE9CB3'; color2='#ff9194'; colorier();
	}
}
document.getElementById('b2').onmouseout = function(){ 
	if(exec!="no"){
		block='2'; block2='0'; color1='#52E0FF'; color2='#ADDFE8'; colorier(); block='0';
	}
}

document.getElementById('b3').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='3'; l='581'; onglet=1; document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no";
	}
}
document.getElementById('b3').onmouseover = function(){ 
	if(exec!="no"){
		block='3'; block2='3'; color1='#C8F166'; color2='#c4f14c'; colorier();
	}
}
document.getElementById('b3').onmouseout = function(){ 
	if(exec!="no"){
		block='3'; block2='0'; color1='#52E0FF'; color2='#ADDFE8'; colorier(); block='0';
	}
}

document.getElementById('b4').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='4'; l='209'; onglet=1; document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no";
	}
}
document.getElementById('b4').onmouseover = function(){ 
	if(exec!="no"){
		block='4'; block2='4'; color1='#ED7ACE'; color2='#f077c6'; colorier();
	}
}
document.getElementById('b4').onmouseout = function(){ 
	if(exec!="no"){
		block='4'; block2='0'; color1='#52E0FF'; color2='#ADDFE8'; colorier(); block='0';
	}
}

document.getElementById('b5').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='5'; document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no";
	}
}
document.getElementById('b5').onmouseover = function(){ 
	if(exec!="no"){
		block='5'; block2='5'; color1='#A886BC'; color2='#af8ec5'; colorier();
	}
}
document.getElementById('b5').onmouseout = function(){ 
	if(exec!="no"){
		block='5'; block2='0'; color1='#52E0FF'; color2='#ADDFE8'; colorier(); block='0';
	}
}

document.getElementById('b6').onclick = function(){ 
	if(exec!="no"){
		document.getElementById('infoaidecontenant').style.display = 'none';
		block='6'; l='581'; document.getElementById('b'+block).style.zIndex=10;
		document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on2.gif)';
		big1();	big2(); exec="no";
	}
}
document.getElementById('b6').onmouseover = function(){ 
	if(exec!="no"){
		block='6'; block2='6'; color1='#94C9BD'; color2='#82bbac'; colorier();
	}
}
document.getElementById('b6').onmouseout = function(){ 
	if(exec!="no"){
		block='6'; block2='0'; color1='#52E0FF'; color2='#2D8C75'; colorier(); block='0';
	}
}

document.getElementById('header_gauche').onclick = function(){ 
	loadAcc();
}
document.getElementById('b1_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	theme='Exposition'; transport=''; block='1'; big4();
}
document.getElementById('b2_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='2'; big4();
}
document.getElementById('b3_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='3'; onglet=1; big4();
}
document.getElementById('b4_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='4'; onglet=1; big4();
}
document.getElementById('b5_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='5'; big4();
}
document.getElementById('b6_m').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='6'; big4();
}
document.getElementById('btn_mentions').onclick = function(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='7'; big4();
}
document.getElementById('btn_aide').onclick = function(){ 
	loadAide();
}

function loadAcc(){
  coBillet=""; coBlog="";
	document.getElementById('Ariane').innerHTML = "";
	document.getElementById('mascotte').style.display = 'block';
	document.getElementById('infoaidecontenant').style.display = 'none';
	big3();
}
function inscrire(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='9'; onglet='1'; big4();
}
function goAgenda(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='10'; onglet=''; big4();
}
function goCovoiturage(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='11'; onglet='1'; big4();
}
function reserveCovoiturage(){ 
	document.getElementById('infoaidecontenant').style.display = 'none';
	block='11'; onglet='2'; big4();
}

// fonction aggrandissement horizontal
function big1(){	
	if(i<718){
		i=i+8;	
		document.getElementById('b'+block+'_t').style.width 		= i+'px';
		document.getElementById('b'+block+'_b').style.width 		= i+'px';
		document.getElementById('b'+block+'_tr').style.left 		= i+20+'px';
		document.getElementById('b'+block+'_r').style.left 		  	= i+38+'px';
		document.getElementById('b'+block+'_br').style.left 		= i+20+'px';
		document.getElementById('b'+block+'_bg').style.width 		= i+'px';
		document.getElementById('b'+block+'_bg2').style.width 		= i+36+'px';	
	}
	if(l>118 && (block==1 || block==4)){
		document.getElementById('b'+block).style.left 			    = l+'px';
		l=l-3;
	}
	if(l>118 && (block==2 || block==5)){
		document.getElementById('b'+block).style.left 			    = l+'px';
		l=l-4;
	}
	if(l>118 && (block==3 || block==6)){
		document.getElementById('b'+block).style.left 			    = l+'px';
		l=l-7;
	}
	if(i==714){
		document.getElementById('menucentre').style.display		  	= 'none';
		document.getElementById('site_contenu').inneHTML		    = '';
		document.getElementById('site_contenu').style.display		= 'block';
		loadPage();
	}
	if(i<718 || (l>118 && (block==2 || block==5 || block==3 || block==6))){
		if(speed=="no"){ setTimeout(big1,1); } else { big1(); }
	}
}

// fonction aggrandissement vertical
function big2(){
	if(j<316){
		document.getElementById('b'+block+'_l').style.height 		= j+'px';
		document.getElementById('b'+block+'_r').style.height 		= j+'px';
		document.getElementById('b'+block+'_bl').style.top 		  	= j+20+'px';
		document.getElementById('b'+block+'_b').style.top 		  	= j+38+'px';
		document.getElementById('b'+block+'_br').style.top 		  	= j+20+'px';
		document.getElementById('b'+block+'_bg').style.height 		= j+36+'px';
		document.getElementById('b'+block+'_bg2').style.height 		= j+'px';
		j=j+4;		
	}
	if(k>171 && block>3){
		document.getElementById('b'+block).style.top 			      = k+'px';
		k=k-4;	
	}
	if(j<316 || (k>171 && block>3)){
		if(speed=="no"){ setTimeout(big2,1); } else { big2(); }
	}
	affichemenu();
}

// fonction aggrandissement horizontal
function big3(){
	document.getElementById('site_contenu').style.display			= 'none';
	document.getElementById('site_contenu').innerHTML		    	= '';
	document.getElementById('menucentre').style.display			  	= 'block';
	for(n=1; n<7; n=n+1){
		document.getElementById('b'+n).style.zIndex=0;
		document.getElementById('b'+n+'_t').style.width 		    = '122px';
		document.getElementById('b'+n+'_b').style.width 		    = '122px';
		document.getElementById('b'+n+'_tr').style.left 		    = '142px';
		document.getElementById('b'+n+'_r').style.left 			    = '160px';
		document.getElementById('b'+n+'_br').style.left 		    = '142px';
		document.getElementById('b'+n+'_bg').style.width 		    = '122px';
		document.getElementById('b'+n+'_bg2').style.width 		  	= '158px';
		if(n==1 || n==4){ document.getElementById('b'+n).style.left = '209px'; }
		if(n==2 || n==5){ document.getElementById('b'+n).style.left = '395px'; }
		if(n==3 || n==6){ document.getElementById('b'+n).style.left = '581px'; }
		document.getElementById('b'+n+'_l').style.height 		    = '122px';
		document.getElementById('b'+n+'_r').style.height 		    = '122px';
		document.getElementById('b'+n+'_bl').style.top 			    = '142px';
		document.getElementById('b'+n+'_b').style.top 			    = '160px';
		document.getElementById('b'+n+'_br').style.top 			    = '142px';
		document.getElementById('b'+n+'_bg').style.height 		  	= '158px';
		document.getElementById('b'+n+'_bg2').style.height 		  	= '122px';
		if(n>3){ document.getElementById('b'+n).style.top 		  	= '365px'; }	
		//color
		if(n==1){
			document.getElementById('b'+n+'_t').style.backgroundColor	= '#FFDF00';
			document.getElementById('b'+n+'_l').style.backgroundColor	= '#FFDF00';
			document.getElementById('b'+n+'_r').style.backgroundColor	= '#FFDF00';
			document.getElementById('b'+n+'_b').style.backgroundColor	= '#FFDF00';
		}else{
			document.getElementById('b'+n+'_t').style.backgroundColor	= '#52E0FF';
			document.getElementById('b'+n+'_l').style.backgroundColor	= '#52E0FF';
			document.getElementById('b'+n+'_r').style.backgroundColor	= '#52E0FF';
			document.getElementById('b'+n+'_b').style.backgroundColor	= '#52E0FF';
		}
		document.getElementById('b'+n+'_tl').style.backgroundImage	= 'url(images/interface/tl'+n+'_off.gif)';
		document.getElementById('b'+n+'_br').style.backgroundImage	= 'url(images/interface/br'+n+'_off.gif)';
		document.getElementById('b'+n+'_tr').style.backgroundImage	= 'url(images/interface/tr'+n+'_off.gif)';
		document.getElementById('b'+n+'_bl').style.backgroundImage	= 'url(images/interface/bl'+n+'_off.gif)';
		document.getElementById('b'+n+'_bg').style.backgroundImage	= 'url(images/interface/bg'+n+'_off.gif)';
		document.getElementById('b'+n+'_bg2').style.backgroundImage	= 'url(images/interface/bg'+n+'_off.gif)';	
		//menu
		document.getElementById('b'+n+'_m').style.display		    = 'block';
		document.getElementById('menu').style.display			    = 'none';
	}
	
	exec="ok";	speed="no";	i=122; j=122; k=365; l=387; m=50; n=1;
}

function big4(){
	document.getElementById('menucentre').style.display 		= 'none';
	document.getElementById('site_contenu').style.display		= 'block';
	document.getElementById('menu').style.display = 'none';
	loadPage();
	for(n=1; n<7; n=n+1){ document.getElementById('b'+n+'_m').style.display = 'block'; }
	exec="no"; i=122; j=122; k=365; l=387; m=50; n=1;		
	speed="ok"; if(block<7){ affichemenu(); } speed="no";
}

// fonction couleur block
function colorier(){
	if(exec!="no"){
		document.getElementById('b'+block+'_t').style.backgroundColor	= color1;
		document.getElementById('b'+block+'_l').style.backgroundColor	= color1;
		document.getElementById('b'+block+'_r').style.backgroundColor	= color1;
		document.getElementById('b'+block+'_b').style.backgroundColor	= color1;

		if(block2==0){
			document.getElementById('b'+block+'_tl').style.backgroundImage	= 'url(images/interface/tl'+block+'_off.gif)';
			document.getElementById('b'+block+'_br').style.backgroundImage	= 'url(images/interface/br'+block+'_off.gif)';
			document.getElementById('b'+block+'_tr').style.backgroundImage	= 'url(images/interface/tr'+block+'_off.gif)';
			document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_off.gif)';
			document.getElementById('b'+block+'_bg').style.backgroundImage	= 'url(images/interface/bg'+block+'_off.gif)';
			document.getElementById('b'+block+'_bg2').style.backgroundImage	= 'url(images/interface/bg'+block+'_off.gif)';
		}else{
			document.getElementById('b'+block+'_tl').style.backgroundImage	= 'url(images/interface/tl'+block+'_on.gif)';
			document.getElementById('b'+block+'_br').style.backgroundImage	= 'url(images/interface/br'+block+'_on.gif)';
			document.getElementById('b'+block+'_tr').style.backgroundImage	= 'url(images/interface/tr'+block+'_on.gif)';
			document.getElementById('b'+block+'_bl').style.backgroundImage	= 'url(images/interface/bl'+block+'_on.gif)';	
			document.getElementById('b'+block+'_bg').style.backgroundImage	= 'url(images/interface/bg'+block+'_on.gif)';
			document.getElementById('b'+block+'_bg2').style.backgroundImage	= 'url(images/interface/bg'+block+'_on.gif)';
		}
	}
}

function affichemenu(){
	document.getElementById('b'+block+'_m').style.display				= 'none';
	document.getElementById('menu').style.display				      	= 'block';
	menu();
}
function menu(){
	if(m>25){
		document.getElementById('menu').style.left 						= m+'px';
		m=m-1;
		if(speed=="no"){ setTimeout(menu,1000); } else { menu(); }
	}
}

	// affiche la page demandée
	function loadPage(){
		 
		  if(window.XMLHttpRequest)
		  { 
		  	reqz[o] = new XMLHttpRequest();
		  }
		  else if (window.ActiveXObject)
		  {  
	   		reqz[o] = new ActiveXObject("Microsoft.XMLHTTP"); 
		  }

		  reqz[o].onreadystatechange = function()
		  {
		    if(reqz[o].readyState == 4)
		    {
		       if(reqz[o].status == 200)
		       {
		       
              var tmp = reqz[o].responseText;
		      o = o+1;
		      		
		      document.getElementById('Ariane').innerHTML = "<a href='javascript:loadAcc();'>Accueil Proximap</a> >> ";
			  if(block==1){ document.getElementById('Ariane').innerHTML += "Cartographie"; }
			  if(block==2){ document.getElementById('Ariane').innerHTML += "Actualites"; }
			  if(block==3){ document.getElementById('Ariane').innerHTML += "Blogs"; }
			  if(block==4){ document.getElementById('Ariane').innerHTML += "Bonus"; }
			  if(block==5){ document.getElementById('Ariane').innerHTML += "Mobile"; }
			  if(block==6){ document.getElementById('Ariane').innerHTML += "Second Life"; }
			  if(block==7){ document.getElementById('Ariane').innerHTML += "Mentions Legales"; }
			  if(block==8){ document.getElementById('Ariane').innerHTML += "Proposer un Evenement"; }
			  if(block==9){ document.getElementById('Ariane').innerHTML += "Espace Utilisateur"; }
			  if(block==10){ document.getElementById('Ariane').innerHTML += "Mon Agenda"; }
			  if(block==11){ document.getElementById('Ariane').innerHTML += "Mes Covoiturages"; }
			  
              document.getElementById('mascotte').style.display = 'none';
		      document.getElementById('site_contenu').innerHTML = tmp;
		      
		      if(block==9 && onglet==1){
				usNom="";
				usPrenom="";
				usAdresse="";
				usVille="";
				usCp="";
				usLogin="";
				usPass="";
				usMail="";
				usDate="";
				usTel="";
				usLangue="";
				usAct="oui";
				
				document.getElementById('valUser').onclick = function(){ 
					usNom=document.getElementById('nom_visiteur').value;
					usPrenom=document.getElementById('prenom_visiteur').value;
					usAdresse=document.getElementById('adresse_visiteur').value;
					usVille=document.getElementById('ville_visiteur').value;
					usCp=document.getElementById('cp_visiteur').value;
					usLogin=document.getElementById('login_visiteur').value;
					usPass=document.getElementById('pass_visiteur').value;
					usMail=document.getElementById('mail_visiteur').value;
					usDate=document.getElementById('date_naissance_visiteur').value;
					usTel=document.getElementById('tel_visiteur').value;
					usLangue=document.getElementById('langue_visiteur').value;
					usAct="oui";
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    block='9'; onglet='2'; big4();
				}
		      }
		      if(block==9 && onglet==2){
				if(uId==""){
					connectionz();
				}
				else{ 
                    loadAcc();
				}
		      }
              
              if(block==8 && onglet==1){
                  aeTitre=""; aeContenu=""; aeNom=""; aeDescription=""; aePrenom=""; aeType=""; aeMail=""; aeDateD=""; aeTel=""; aeDateF="";
                  aeAdresse=""; aeCp=""; aeVille=""; aePublic="";
                  document.getElementById('cal1').onclick = function(){ 
                    displayCalendar(document.forms[0].date_debut_even,'dd/mm/yyyy',this);
                  }
                  document.getElementById('cal2').onclick = function(){ 
                    displayCalendar(document.forms[0].date_fin_even,'dd/mm/yyyy',this);
                  }
                  document.getElementById('valEVent').onclick = function(){
                  	aeTitre=document.getElementById('titre_even').value;
                  	aeContenu=document.getElementById('contenu_even').value;
                  	aeNom=document.getElementById('even_even').value;
                  	aeDescription=document.getElementById('description_even').value;
                  	aePrenom=document.getElementById('prenom_even').value;
                  	aeType=document.getElementById('type_even').value;
                  	aeMail=document.getElementById('mail_even').value;
                  	aeDateD=document.getElementById('date_debut_even').value;
                  	aeTel=document.getElementById('tel_even').value;
                  	aeDateF=document.getElementById('date_fin_even').value;
                  	aeAdresse=document.getElementById('adresse_even').value;
                  	aeCp=document.getElementById('cp_even').value;
                  	aeVille=document.getElementById('ville_even').value;
                  	aePublic=document.getElementById('public_even').value;
                  	block='8'; onglet='2'; big4();
                  }
		      		}
		      		
		      		if(block==4){
                  document.getElementById('onglet1').onclick = function(){ 
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    block='4'; onglet='1'; big4();
                  }
                  document.getElementById('onglet2').onclick = function(){ 
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    block='4'; onglet='2'; big4();
                  }
                  document.getElementById('onglet3').onclick = function(){ 
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    block='4'; onglet='3'; big4();
                  }
		      		}
		      		
		      		if(block==3 && onglet==1){
                  document.getElementById('annuaire_blog').onclick = function(){ 
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    nomblog=''; block='3'; onglet='2'; big4();
                  }
                  document.getElementById('acces_blog').onclick = function(){ 
                    document.getElementById('infoaidecontenant').style.display = 'none';
                    nomblog=document.getElementById('noms_blog').value; block='3'; onglet='2'; big4();
                  }
		      		}
		      //***********************************************************************		
              if(block==1){
              
              //showFlatCalendar();
              
                  function load() {
                    if (GBrowserIsCompatible()) {
                      var map = new GMap2(document.getElementById("map"));
                      map.setCenter(new GLatLng(43.139826, 5.931244), 11);
                      var mapControl = new GMapTypeControl();
                      map.addControl(mapControl);
                      map.addControl(new GLargeMapControl());
                    }
                    // affiche les points par défaut
                    var bounds = map.getBounds();
                    var southWest = bounds.getSouthWest();
                    var northEast = bounds.getNorthEast();
					
					if(transport==''){
						
						GDownloadUrl("gmap.php?filtrage="+theme, function(data) {
							map.clearOverlays();
							var xml = GXml.parse(data);
							var markers = xml.documentElement.getElementsByTagName("marker");
							
							var html0 = new Array();
							var html1 = new Array(); var html2 = new Array(); var html3 = new Array();
							var markera = new Array(); var nb=0;

							for (var i = 0; i < markers.length; i++) {
								var geocoder = new GClientGeocoder();

								var proviz1 = markers[i].getAttribute("address");
								proviz1 = proviz1.replace("<![CDATA[", "");
								proviz1 = proviz1.replace("]]>", "");
								var gcAdresse = proviz1;
								
								var gcId = markers[i].getAttribute("id");
								
								proviz1 = markers[i].getAttribute("nom");
								proviz1 = proviz1.replace("<![CDATA[", "");
								proviz1 = proviz1.replace("]]>", "");
								var gcNom = proviz1;
								
								proviz1 = markers[i].getAttribute("description");
								proviz1 = proviz1.replace("<![CDATA[", "");
								proviz1 = proviz1.replace("]]>", "");
								var gcDesc = proviz1;
								
								var gcGuid = markers[i].getAttribute("guid");
								var gcType = markers[i].getAttribute("type");
								
								var gcBlog = markers[i].getAttribute("blog");
								var gcBillet = markers[i].getAttribute("billet");
								
								html0[i] = 'window.open("ajout_agenda.php?id='+gcBillet+'&blog='+gcBlog+'&user='+uId+'","Agenda","toolbar=0,menubar=0,location=0,scrollbars=0,width=500,height=330")';
								if(uId!=""){
                  html1[i] = "<div style='width:300px;'><strong>" + gcNom + "</strong><br />" + gcDesc + "<br /><br /><a href='"+gcGuid+"' target='_blank'>Voir le Billet</a> - <a href='#' onclick='"+html0[i]+"'>Ajouter dans l'agenda</a></div>";
                  html2[i] = "<strong>Service de Covoiturage :</strong><br />- <a href='javascript:coBillet=3; coBlog=12;goCovoiturage();'>Proposer un Covoiturage</a><br />- <a href='javascript:coBillet=3; coBlog=12;goCovoiturage();'>Voir les offres de Covoiturage</a>";
								}else{
							    html1[i] = "<div style='width:300px;'><strong>" + gcNom + "</strong><br />" + gcDesc + "<br /><br /><a href='"+gcGuid+"' target='_blank'>Voir le Billet</a></div>";
                  html2[i] = "<strong>Service de Covoiturage :</strong><br />Vous devez etre connecte pour voir les offres de coVoiturage.";
								}
								html3[i] = "<iframe id='dm_jukebox_iframe' style='margin: 0pt; padding: 0pt; overflow: hidden; width: 300px; height: 180px;' marginwidth='0' marginheight='0' src='http://tpm.proximap.fr/video.php?group=conservatoiretoulon' align='middle' frameborder='0'></iframe>";

								if(geocoder){ geocoder.getLatLng(gcAdresse, function(pointa) {
									if(pointa){			
										markera[""+pointa+""] = createTabbedMarker(pointa,html1[nb],html2[nb],html3[nb],'Infos','Transports', 'Medias', gcType);
										map.addOverlay(markera[""+pointa+""]); 
									} nb++;
								}); }
								
							}							
						});
					}
                  	
                  	if(transport=='oui'){
					GDownloadUrl("gmap_transport.php", function(data) {
						map.clearOverlays();
						var xml = GXml.parse(data);
						var markers = xml.documentElement.getElementsByTagName("marker");
						for (var i = 0; i < markers.length; i++) {
							
							var geocoder = new GClientGeocoder();
							
							var name = markers[i].getAttribute("id");

							var address 		= markers[i].getAttribute("nom");
							address 		= address.replace("<![CDATA[", "");
							address 		= address.replace("]]>", "");
							
							var type = markers[i].getAttribute("type");
							var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
													parseFloat(markers[i].getAttribute("lng")));
							
							if(type==theme){
								if(markers[i].getAttribute("lat")!=""){
									var marker = createMarker2(point, name, address, type);
									map.addOverlay(marker);
								}					
							}
						}
					});
					}
                  } 
                  load();  
                  
                   function createTabbedMarker(point,html1,html2,html3,label1,label2, label3, type) {
						var marker = new GMarker(point, customIcons[type]);
						GEvent.addListener(marker, "click", function() {
						marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2), new GInfoWindowTab(label3,html3)]);
						});
						return marker;
					}

                  
                      function createMarker(point, id, nom, type, description, guid) {
						var marker = new GMarker(point, customIcons[type]);
						var html = "<div style='width:300px;'><strong>" + nom + "</strong><br />" + description + "<br /><br /><a href='"+guid+"' target='_blank'>Voir le Billet</a> - <a href=''>Ajouter dans l'agenda</a></div>";
						var html2 = "<strong>Service de Covoiturage :</strong>";
						var html3 = "<iframe id='dm_jukebox_iframe' style='margin: 0pt; padding: 0pt; overflow: hidden; width: 300px; height: 180px;' marginwidth='0' marginheight='0' src='http://tpm.proximap.fr/video.php?group=villanoaille' align='middle' frameborder='0'></iframe>";
						var infoTabs = [
							new GInfoWindowTab("Fiche", html),
							new GInfoWindowTab("Transport", html2),
							new GInfoWindowTab("Medias", html3)
						];
											
						GEvent.addListener(marker, 'click', function() {
						  
							marker.openInfoWindowTabsHtml(infoTabs);
							
						});
											
						return marker;
					}
                      function createMarker2(point, id, nom, type) {
						var marker = new GMarker(point, customIcons[type]);
						var html = "<div style='width:150px; height:20px'><strong>" + nom + "</strong></div>";
						var infoTabs = [
							new GInfoWindowTab("Point Transport", html)
						];
						GEvent.addListener(marker, 'click', function() {
						  
							marker.openInfoWindowTabsHtml(infoTabs);
							
						});
						return marker;
					}  
                  
					document.getElementById('spectacles').onclick = function(){ theme='Spectacle'; transport=''; load(); }
					document.getElementById('musique').onclick = function(){ theme='Musique'; transport=''; load(); }
					document.getElementById('patrimoins').onclick = function(){ theme='Evenement patrimoine'; transport=''; load(); }
					document.getElementById('sport').onclick = function(){ theme='Sport'; transport=''; load(); }
					document.getElementById('maritime').onclick = function(){ theme='Evenement maritime'; transport=''; load(); }
					document.getElementById('urbains').onclick = function(){ theme='Evenement urbain'; transport=''; load(); }
					document.getElementById('expositions').onclick = function(){ theme='Exposition'; transport=''; load(); }
					document.getElementById('theatre').onclick = function(){ theme='Theatre'; transport=''; load(); }
					document.getElementById('famille-enfant').onclick = function(){ theme='Familial'; transport=''; load(); }
					document.getElementById('rmtt-terrestre').onclick = function(){ theme='rmtt-terrestre'; transport='oui'; load(); }
					document.getElementById('rmtt-maritime').onclick = function(){ theme='rmtt-maritime'; transport='oui'; load(); }
					document.getElementById('sncf').onclick = function(){ theme='gare'; transport='oui'; load(); }
					document.getElementById('covoiturage').onclick = function(){ theme='borne_covoiturage'; transport='oui'; load(); }
					document.getElementById('taxis').onclick = function(){ theme='station_taxi'; transport='oui'; load(); }
            

                  var accordion = new Accordion('h3.atStart', 'div.atStart', {
                  opacity: false,
                  onActive: function(toggler, element){
                    toggler.setStyle('color', '#ff3300');
                  },
               
                  onBackground: function(toggler, element){
                    toggler.setStyle('color', '#222');
                  }
                  }, $('accordion'));
                  
                  document.getElementById('propose').onclick = function(){ 
                    block='8'; onglet='1'; big4();
                  }
              }
              //*********************************************************************************************
              
		       }
		    }
		   }
		   
		  reqz[o].open( "POST", "ajax.php", true);
		  reqz[o].setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  reqz[o].send("covoiturage="+cov+"&coBillet="+coBillet+"&coBlog="+coBlog+"&block="+block+"&onglet="+onglet+"&nomblog="+nomblog+"&aeTitre="+aeTitre+"&aeContenu="+aeContenu+"&aeNom="+aeNom+"&aeDescription="+aeDescription+"&aePrenom="+aePrenom+"&aeType="+aeType+"&aeMail="+aeMail+"&aeDateD="+aeDateD+"&aeTel="+aeTel+"&aeDateF="+aeDateF+"&aeAdresse="+aeAdresse+"&aeCp="+aeCp+"&aeVille="+aeVille+"&aePublic="+aePublic+"&user="+uId+"&usNom="+usNom+"&usPrenom="+usPrenom+"&usAdresse="+usAdresse+"&usVille="+usVille+"&usCp="+usCp+"&usLogin="+usLogin+"&usPass="+usPass+"&usMail="+usMail+"&usDate="+usDate+"&usTel="+usTel+"&usLangue="+usLangue+"&usAct="+usAct); 
	}
	
		// affiche la page demandée
	function loadAide(){
		 
		  if(window.XMLHttpRequest)
		  { 
		  	reqz[o] = new XMLHttpRequest();
		  }
		  else if (window.ActiveXObject)
		  {  
	   		reqz[o] = new ActiveXObject("Microsoft.XMLHTTP"); 
		  }

		  reqz[o].onreadystatechange = function()
		  {
		    if(reqz[o].readyState == 4)
		    {
		       if(reqz[o].status == 200)
		       {
              var tmp = reqz[o].responseText;
		      		document.getElementById('infoaide').innerHTML = tmp;
		      		document.getElementById('infoaidecontenant').style.display = 'block';
		      		o = o+1;	      		

		       }
		    }
		   }
		   
		  reqz[o].open( "POST", "ajax_aide.php", true);
		  reqz[o].setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  reqz[o].send("block="+block+"&onglet="+onglet); 
	}
	
	function loadNews(news){
		document.getElementById('thetitre').innerHTML=document.getElementById('titre'+news).innerHTML;
		document.getElementById('thenews').innerHTML=document.getElementById('texte'+news).innerHTML;
	}
	function loadNav(nav){
		if(nav==1){
			document.getElementById('thenav').innerHTML="< Precedent | <a href='javascript:loadNav(2);'>Suivant ></a>";
			document.getElementById('thenews1').innerHTML="<span class='h12'>"+document.getElementById('datecourt1').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(1);'>"+document.getElementById('titrecourt1').innerHTML+"</a></span><br>"+document.getElementById('textecourt1').innerHTML+"</div>";
			document.getElementById('thenews2').innerHTML="<span class='h12'>"+document.getElementById('datecourt2').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(2);'>"+document.getElementById('titrecourt2').innerHTML+"</a></span><br>"+document.getElementById('textecourt2').innerHTML+"</div>";
			document.getElementById('thenews3').innerHTML="<span class='h12'>"+document.getElementById('datecourt3').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(3);'>"+document.getElementById('titrecourt3').innerHTML+"</a></span><br>"+document.getElementById('textecourt3').innerHTML+"</div>";
			document.getElementById('thenews4').innerHTML="<span class='h12'>"+document.getElementById('datecourt4').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(4);'>"+document.getElementById('titrecourt4').innerHTML+"</a></span><br>"+document.getElementById('textecourt4').innerHTML+"</div>";
		}
		if(nav==2){
			document.getElementById('thenav').innerHTML="<a href='javascript:loadNav(1);'>< Precedent</a> | <a href='javascript:loadNav(3);'>Suivant ></a>";
			document.getElementById('thenews1').innerHTML="<span class='h12'>"+document.getElementById('datecourt5').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(5);'>"+document.getElementById('titrecourt5').innerHTML+"</a></span><br>"+document.getElementById('textecourt5').innerHTML+"</div>";
			document.getElementById('thenews2').innerHTML="<span class='h12'>"+document.getElementById('datecourt6').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(6);'>"+document.getElementById('titrecourt6').innerHTML+"</a></span><br>"+document.getElementById('textecourt6').innerHTML+"</div>";
			document.getElementById('thenews3').innerHTML="<span class='h12'>"+document.getElementById('datecourt7').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(7);'>"+document.getElementById('titrecourt7').innerHTML+"</a></span><br>"+document.getElementById('textecourt7').innerHTML+"</div>";
			document.getElementById('thenews4').innerHTML="<span class='h12'>"+document.getElementById('datecourt8').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(8);'>"+document.getElementById('titrecourt8').innerHTML+"</a></span><br>"+document.getElementById('textecourt8').innerHTML+"</div>";
		}
		if(nav==3){
			document.getElementById('thenav').innerHTML="<a href='javascript:loadNav(2);'>< Precedent</a> | <a href='javascript:loadNav(4);'>Suivant ></a>";
			document.getElementById('thenews1').innerHTML="<span class='h12'>"+document.getElementById('datecourt9').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(9);'>"+document.getElementById('titrecourt9').innerHTML+"</a></span><br>"+document.getElementById('textecourt9').innerHTML+"</div>";
			document.getElementById('thenews2').innerHTML="<span class='h12'>"+document.getElementById('datecourt10').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(10);'>"+document.getElementById('titrecourt10').innerHTML+"</a></span><br>"+document.getElementById('textecourt10').innerHTML+"</div>";
			document.getElementById('thenews3').innerHTML="<span class='h12'>"+document.getElementById('datecourt11').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(11);'>"+document.getElementById('titrecourt11').innerHTML+"</a></span><br>"+document.getElementById('textecourt11').innerHTML+"</div>";
			document.getElementById('thenews4').innerHTML="<span class='h12'>"+document.getElementById('datecourt12').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(12);'>"+document.getElementById('titrecourt12').innerHTML+"</a></span><br>"+document.getElementById('textecourt12').innerHTML+"</div>";
		}
		if(nav==4){
			document.getElementById('thenav').innerHTML="<a href='javascript:loadNav(3);'>< Precedent</a> | Suivant >";
			document.getElementById('thenews1').innerHTML="<span class='h12'>"+document.getElementById('datecourt13').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(13);'>"+document.getElementById('titrecourt13').innerHTML+"</a></span><br>"+document.getElementById('textecourt13').innerHTML+"</div>";
			document.getElementById('thenews2').innerHTML="<span class='h12'>"+document.getElementById('datecourt14').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(14);'>"+document.getElementById('titrecourt14').innerHTML+"</a></span><br>"+document.getElementById('textecourt14').innerHTML+"</div>";
			document.getElementById('thenews3').innerHTML="<span class='h12'>"+document.getElementById('datecourt15').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(15);'>"+document.getElementById('titrecourt15').innerHTML+"</a></span><br>"+document.getElementById('textecourt15').innerHTML+"</div>";
			document.getElementById('thenews4').innerHTML="<span class='h12'>"+document.getElementById('datecourt16').innerHTML+"</span><br><span class='h13'><a href='javascript:loadNews(16);'>"+document.getElementById('titrecourt16').innerHTML+"</a></span><br>"+document.getElementById('textecourt16').innerHTML+"</div>";
		}
	}
		
	function fermeAide(){
    document.getElementById('infoaidecontenant').style.display = 'none';    
	}
	
	function detectspecialkeys(e){
		var evtobj=window.event? event : e
		var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode
		if(unicode==33){
			if(document.getElementById('pause').style.display=="block"){
				document.getElementById('pause').style.display = 'none';
			}
			else{
				document.getElementById('pause').style.display = 'block';
			}
		}
	}
	document.onkeypress=detectspecialkeys