var g_objImages = new Array();
var g_intImageIndexMAX = 0;
var g_strPageName;
var g_objFormChecker;
/////////////////////////////////////////////////////////
//// INITIALISATION PRINCIPALE //////////////////////////
/////////////////////////////////////////////////////////
function init( p_strPageName ) {
	g_strPageName = p_strPageName;
	
	switch( p_strPageName ) {
		case 'index' 	: initIndex(); break;
		case 'accueil' 	: initAccueil(); break;
		case 'oeuvres' 	: initOeuvres(); break;
		case 'oeuvreZoom' 	: initOeuvreZoom(); break;
		case 'atelier' 	: initAtelier(); break;
		case 'contact' 	: initContact(); break;
		case 'actu' 	: initActu(); break;
		case 'expo' 	: initExpo(); break;
		case 'newsletter' 	: initNewsletter(); break;
		case 'acquisition' 	: initAcquisition(); break;
		case 'bondecommande' 	: initBondecommande(); break;
	}
	if (p_strPageName!='oeuvreZoom') initMenuPrincipal();
	loadImageRoll( 'credits', 'gif', 'commun' );
}

/////////////////////////////////////////////////////////
//// AFFICHAGE DU MENU PRINCIPAL ////////////////////////
/////////////////////////////////////////////////////////
function initMenuPrincipal () {
	// MENU TOP
	var l_strHeaderMenu = '<table align="right"><tr>';
	// on chercher d'abord les liens du menu
	var l_objMenuLinks = document.getElementById('menuLinkTOP').getElementsByTagName('a');
	// construction HTML du menu GÉNÉRALE de navigation
	for ( var l_intCount = 0; l_intCount < l_objMenuLinks.length; ++l_intCount ) {
		l_strHeaderMenu +='<td>'+
							'<a '+( l_objMenuLinks[l_intCount].innerHTML == g_strPageName ? 'id="active" ':'' )+'href="'+l_objMenuLinks[l_intCount].href+'">'+l_objMenuLinks[l_intCount].innerHTML+'</a>'+
							'</td>'+
							( l_intCount == l_objMenuLinks.length-1 ? '' : '<td><img src="img/commun/break.gif"></td>' );
	}
	document.getElementById('menuLinkTOP').innerHTML = l_strHeaderMenu+'</tr></table>';
	
	// MENU BOTTOM
	var l_strFooterMenu = '<table align="left"><tr>';
	// on chercher d'abord les liens du menu
	var l_objMenuLinks = document.getElementById('menuLinkBOTTOM').getElementsByTagName('a');
	// construction HTML du menu GÉNÉRALE de navigation
	for ( var l_intCount = 0; l_intCount < l_objMenuLinks.length; ++l_intCount ) {
		l_strFooterMenu +=
			'<td>'+
			'<a '+( l_objMenuLinks[l_intCount].innerHTML.toLowerCase() == g_strPageName ? 'id="active" ':'' )+'href="'+l_objMenuLinks[l_intCount].href+'">'+
			// On gère le cas où on doit remplacer le texte par un image
			( l_objMenuLinks[l_intCount].innerHTML.toUpperCase() == l_objMenuLinks[l_intCount].innerHTML ?
			'<img src="'+loadImageRoll(l_objMenuLinks[l_intCount].innerHTML.toLowerCase(),'gif','commun')+'" onMouseover="imageRoll(this);" onMouseout="imageRoll(this);">'
			: l_objMenuLinks[l_intCount].innerHTML ) +
			'</a>'+
			'</td>'+
			( l_intCount == l_objMenuLinks.length-1 ? '' : '<td><img src="img/commun/break.gif"></td>' );
	}
	document.getElementById('menuLinkBOTTOM').innerHTML = l_strFooterMenu+'</tr></table>';
	
}

/////////////////////////////////////////////////////////
//// CHARGEMENT IMAGES ROLL /////////////////////////////
/////////////////////////////////////////////////////////
function loadImageRoll ( p_strImageName, p_strImageExtension, p_strImageDir ) {
	var l_intImageIndex = g_intImageIndexMAX;
	++g_intImageIndexMAX;

	g_objImages[l_intImageIndex] = new Array();
	for ( var l_intCount = 0; l_intCount < 3; ++l_intCount ) {
		g_objImages[l_intImageIndex][l_intCount] = new Image();
		g_objImages[l_intImageIndex][l_intCount].src = "img/"+p_strImageDir+"/"+p_strImageName+( l_intCount == 0 ? (p_strImageName==g_strPageName?'ACTIVE':'') : ( l_intCount == 1 ? (p_strImageName==g_strPageName?'ACTIVE':'ON') : 'CLICK' ) )+"."+p_strImageExtension;
	}
	return g_objImages[l_intImageIndex][0].src;
}

/////////////////////////////////////////////////////////
//// IMAGE ROLLING //////////////////////////////////////
/////////////////////////////////////////////////////////
var g_arrayCheckboxRoll = new Array();
function imageRoll ( p_objImage ) {
	var l_boolCheckBox = p_objImage.id.indexOf('checkBox') > -1;
	if ( l_boolCheckBox ) l_boolCheckBox = g_arrayCheckboxRoll[p_objImage.id.substring(8)] == 'checked';
	if ( !l_boolCheckBox ) {
		for ( var l_intCount = 0; l_intCount < g_intImageIndexMAX; ++l_intCount ) {
			if ( typeof( g_objImages[l_intCount] ) != 'undefined' ) {
				for ( var l_intCountImage = 0; l_intCountImage <= 2; ++l_intCountImage ) {
					if ( typeof( g_objImages[l_intCount][l_intCountImage] ) != 'undefined' ) {
						if ( g_objImages[l_intCount][l_intCountImage].src == p_objImage.src ) {
							if ( l_intCountImage == 0 ) { 
								p_objImage.src = g_objImages[l_intCount][1].src;
								return;
							} else {
								p_objImage.src = g_objImages[l_intCount][0].src;
								return;
							}
						}
					}
				}			
			}
		}
	}
}
function imageRollpng ( p_objImage ) {
	var l_boolCheckBox = p_objImage.id.indexOf('checkBox') > -1;
	if ( l_boolCheckBox ) l_boolCheckBox = g_arrayCheckboxRoll[p_objImage.id.substring(8)] == 'checked';
	if ( !l_boolCheckBox ) {
		var l_strOver  = "ON";
	   	var currentAlphaImg = p_objImage.filters(0).src;
	   	currentAlphaImg = replace(currentAlphaImg,'CLICK.png','ON.png');;
	   	if ( currentAlphaImg.indexOf(l_strOver) > -1) {
			p_objImage.filters(0).src = replace(currentAlphaImg,l_strOver+'.png','.png');
		} else {
			p_objImage.filters(0).src = replace(currentAlphaImg,'.png',l_strOver+'.png');
		}
	}
}

/////////////////////////////////////////////////////////
//// IMAGE CLICKING //////////////////////////////////////
/////////////////////////////////////////////////////////
function imageClick ( p_objImage ) {
	
	for ( var l_intCount = 0; l_intCount < g_intImageIndexMAX; ++l_intCount ) {
		if ( typeof( g_objImages[l_intCount] ) != 'undefined' ) {
			for ( var l_intCountImage = 0; l_intCountImage < 2; ++l_intCountImage ) {
				if ( typeof( g_objImages[l_intCount][l_intCountImage] ) != 'undefined' ) {
					if ( g_objImages[l_intCount][l_intCountImage].src == p_objImage.src ) {
						p_objImage.src = g_objImages[l_intCount][2].src;
					}
				}
			}			
		}
	}
}
function imageClickpng ( p_objImage ) {
   	p_objImage.filters(0).src = replace(p_objImage.filters(0).src,"ON.png","CLICK.png");

}

/////////////////////////////////////////////////////////
//// INITIALISATION INDEX ///////////////////////////////
/////////////////////////////////////////////////////////
function initIndex() {
	loadImageRoll( 'bouton', 'png', 'portail' );
}
/////////////////////////////////////////////////////////
//// INITIALISATION ACQUISITION /////////////////////////
/////////////////////////////////////////////////////////
function initAcquisition() {
	loadImageRoll( 'suivant', 'png', 'acquisition' );
	loadImageRoll( 'coche', 'png', 'contact' );
	loadImageRoll( 'print', 'png', 'acquisition' );
	if (document.acquisitionForm!=null) {
		g_objFormChecker = new FormChecker(document.acquisitionForm);
		g_objFormChecker.addRule( "Nom", "chkform_empty", "veuillez remplir le champ 'Nom', merci." );
		g_objFormChecker.addRule( "Email", "chkform_empty", "veuillez saisir votre adresse E-mail, merci." );
		g_objFormChecker.addRule( "Email", "chkform_email", "veuillez saisir une adresse E-mail valide, merci." );
		g_objFormChecker.addRule( "Adresse", "chkform_empty", "veuillez remplir le champ 'Adresse', merci." );
		g_objFormChecker.addRule( "Ville", "chkform_empty", "veuillez remplir le champ 'Ville', merci." );
	}

}
function checkSize( p_objImage ) {
	var l_intWidthMax = 150;
	var l_intHeightMax = 100;
	if ( p_objImage.width > p_objImage.height ) {
		p_objImage.style.width = l_intWidthMax+'px';
	} else {
		p_objImage.style.height = l_intHeightMax+'px';
	}
}
/////////////////////////////////////////////////////////
//// INITIALISATION BOM DE COMMANDE /////////////////////
/////////////////////////////////////////////////////////
function initBondecommande() {
	window.print();
}

/////////////////////////////////////////////////////////
//// INITIALISATION CONTACT /////////////////////////////
/////////////////////////////////////////////////////////
function initContact() {
	loadImageRoll( 'coche', 'png', 'contact' );
	loadImageRoll( 'envoyer', 'png', 'contact' );
	if (document.contact != null) {
		g_objFormChecker = new FormChecker(document.contact);
		g_objFormChecker.addRule( "Destinataire", "chkform_empty", "merci de choisir votre [vos] destinataire[s]." );
		g_objFormChecker.addRule( "Email", "chkform_empty", "veuillez saisir votre adresse E-mail, merci." );
		g_objFormChecker.addRule( "Email", "chkform_email", "veuillez saisir une adresse E-mail valide, merci." );
		g_objFormChecker.addRule( "Message", "chkform_empty", "veuillez remplir le champ 'message', merci." );
		g_objFormChecker.addRule( "Message", "chkform_maxsize", "Veuillez saisir un message plus court, merci.","400" );
	}

}
function imageClickContact ( p_objImage ) {
	if ( p_objImage.src.indexOf('CLICK') > -1 ) {
		p_objImage.src = replace(p_objImage.src,'CLICK','ON');
		switch (p_objImage.id) {
			case 'checkBox3' : document.getElementById('Newsletter').value = ''; break;
			case 'checkBox1' : document.getElementById('DestinataireMZL').value = ''; break;
			case 'checkBox2' : document.getElementById('DestinataireCOM').value = ''; break;
		}
		g_arrayCheckboxRoll[p_objImage.id.substring(8)] = '';


	} else {
		imageClick(p_objImage);
		switch (p_objImage.id) {
			case 'checkBox3' : document.getElementById('Newsletter').value = 'OK'; break;
			case 'checkBox1' : document.getElementById('Destinataire').value = 'OK'; document.getElementById('DestinataireMZL').value = 'OK'; break;
			case 'checkBox2' : document.getElementById('Destinataire').value = 'OK'; document.getElementById('DestinataireCOM').value = 'OK'; break;
		}
		g_arrayCheckboxRoll[p_objImage.id.substring(8)] = 'checked';
	}
}
function imageClickpngContact ( p_objImage ) {
	if ( p_objImage.filters(0).src.indexOf('CLICK') > -1 ) {

		p_objImage.filters(0).src = replace(p_objImage.filters(0).src,'CLICK','ON');
		switch (p_objImage.id) {
			case 'checkBox3' : document.getElementById('Newsletter').value = ''; break;
			case 'checkBox1' : document.getElementById('DestinataireMZL').value = ''; break;
			case 'checkBox2' : document.getElementById('DestinataireCOM').value = ''; break;
		}
		g_arrayCheckboxRoll[p_objImage.id.substring(8)] = '';
	} else {
		imageClickpng(p_objImage);
		switch (p_objImage.id) {
			case 'checkBox3' : document.getElementById('Newsletter').value = 'OK'; break;
			case 'checkBox1' : document.getElementById('Destinataire').value = 'OK'; document.getElementById('DestinataireMZL').value = 'OK'; break;
			case 'checkBox2' : document.getElementById('Destinataire').value = 'OK'; document.getElementById('DestinataireCOM').value = 'OK'; break;
		}
		g_arrayCheckboxRoll[p_objImage.id.substring(8)] = 'checked';
	}
}
function formSubmit() {
	if ( g_objFormChecker.checkRules() ) {
		document.forms[0].submit();
	}
}
/////////////////////////////////////////////////////////
//// INITIALISATION NEWSLETTER //////////////////////////
/////////////////////////////////////////////////////////
function initNewsletter () {
	loadImageRoll( 'envoyer', 'png', 'newsletter' );
	if (document.newsletterForm != null) {
		g_objFormChecker = new FormChecker(document.newsletterForm);
		g_objFormChecker.addRule( "Email", "chkform_empty", "veuillez saisir votre adresse E-mail, merci." );
		g_objFormChecker.addRule( "Email", "chkform_email", "veuillez saisir une adresse E-mail valide, merci." );
	}
}
/////////////////////////////////////////////////////////
//// INITIALISATION ACTU ////////////////////////////////
/////////////////////////////////////////////////////////
function initActu () {
	loadImageRoll( 'commander', 'jpg', 'actu' );
	loadImageRoll( 'salonRouen', 'jpg', 'actu' );
	g_objActuElements = document.getElementById('actuContent').getElementsByTagName('p');
	for ( var l_intCount = 0; l_intCount < g_objActuElements.length; ++l_intCount ) {
		document.getElementById('actuMenu').innerHTML += '<a href="#'+l_intCount+'" id="actuMenuLink'+l_intCount+'" onClick="changeMenu('+l_intCount+');">'+replace(g_objActuElements[l_intCount].id,'_',' ')+'</a>';
	}
	changeMenu(0);
}
var g_intLastIndex = null;
function changeMenu(p_intIndex) {
	if (g_intLastIndex != null) {
		document.getElementById('actuMenuLink'+g_intLastIndex).removeAttribute("class","activeLink");
		document.getElementById('actuMenuLink'+g_intLastIndex).removeAttribute("className","activeLink");
		document.getElementById(replace(document.getElementById('actuMenuLink'+g_intLastIndex).innerHTML,' ','_')).style.display = 'none';
	}
	document.getElementById('actuMenuLink'+p_intIndex).setAttribute("class","activeLink");
	document.getElementById('actuMenuLink'+p_intIndex).setAttribute("className","activeLink");
	g_intLastIndex = p_intIndex;
	var l_strActuId = replace(document.getElementById('actuMenuLink'+p_intIndex).innerHTML,' ','_');
	document.getElementById(l_strActuId).style.display = 'block';
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) { 
		var l_objImagesPNG = document.getElementById(l_strActuId).getElementsByTagName('span');
		for ( var l_intCount = 0; l_intCount < l_objImagesPNG.length; ++l_intCount ) {
			l_objImagesPNG[l_intCount].style.display = 'block';
		}
	}
}

/////////////////////////////////////////////////////////
//// INITIALISATION EXPO ////////////////////////////////
/////////////////////////////////////////////////////////
var g_intMaxElementToShow = 0;
var g_objExpoContentElements;
var g_objExpoContentAnnees;
var g_objExpoContentLieux;
var g_objExpoContentTitres;
var g_intLevel = 0;
var g_intLastIdSelected = 0;
function initExpo () {
	g_intMaxElementToShow = 13;
	g_objExpoContentElements = document.getElementById('expoContent').getElementsByTagName('div');
	g_objExpoContentAnnees = document.getElementById('expoContent').getElementsByTagName('h3');
	g_objExpoContentLieux = document.getElementById('expoContent').getElementsByTagName('h2');
	g_objExpoContentTitres = document.getElementById('expoContent').getElementsByTagName('h1');
	for ( var l_intCount = g_intLevel; l_intCount < g_objExpoContentElements.length; ++l_intCount ) {
		g_objExpoContentElements[l_intCount].innerHTML = '<a href="#" onClick="showInfo('+l_intCount+');">'+g_objExpoContentElements[l_intCount].innerHTML+'</a>';
		if (l_intCount <= g_intMaxElementToShow) g_objExpoContentElements[l_intCount].style.display = 'block';
	}
	document.getElementById('expoContent').style.display = 'block';
}
function showInfo( p_objElementId ) {
	/* on initialise */
	g_objExpoContentElements[g_intLastIdSelected].innerHTML = 
		g_objExpoContentElements[g_intLastIdSelected].innerHTML.substring(g_objExpoContentElements[g_intLastIdSelected].innerHTML.toLowerCase().indexOf('<a'),g_objExpoContentElements[g_intLastIdSelected].innerHTML.length);
	g_objExpoContentElements[g_intLastIdSelected].removeAttribute("class","activeLink");
	g_objExpoContentElements[g_intLastIdSelected].removeAttribute("className","activeLink");
	
	/* on affiche les infos */
	document.getElementById('plusdinfosText').innerHTML = 
		'<b>' + g_objExpoContentAnnees[p_objElementId].innerHTML + ' - ' + g_objExpoContentLieux[p_objElementId].innerHTML + '</b>' +
		'<p>' + g_objExpoContentTitres[p_objElementId].innerHTML + '</p>';
	g_objExpoContentElements[p_objElementId].innerHTML = 
		'<img class="asterisque" src="img/expo/asterisque.gif">'+
		g_objExpoContentElements[p_objElementId].innerHTML;
	g_objExpoContentElements[p_objElementId].setAttribute("class","activeLink");
	g_objExpoContentElements[p_objElementId].setAttribute("className","activeLink");
	g_intLastIdSelected = p_objElementId;
}
function changeLevel ( p_boolAdd ) {
	if (g_boolMouseOn) {
		var l_intToHide = (p_boolAdd?( g_intLevel == (g_objExpoContentElements.length - g_intMaxElementToShow - 1) ? g_intLevel-1 : g_intLevel ):(g_intMaxElementToShow+g_intLevel==g_intMaxElementToShow?g_intMaxElementToShow+g_intLevel+1:g_intMaxElementToShow+g_intLevel));
		g_objExpoContentElements[l_intToHide].style.display = 'none';
		g_intLevel = (p_boolAdd ? ( g_intLevel >= g_objExpoContentElements.length - g_intMaxElementToShow - 1 ? g_intLevel : g_intLevel+1 ) : ( g_intLevel <= 0 ? 0 : g_intLevel-1 ) );
		g_objExpoContentElements[(p_boolAdd?g_intMaxElementToShow+g_intLevel:g_intLevel)].style.display = 'block';
		setTimeout("changeLevel("+p_boolAdd+");",300);
	}
}

/////////////////////////////////////////////////////////
//// INITIALISATION ACCUEIL /////////////////////////////
/////////////////////////////////////////////////////////
function initAccueil() {
	document.getElementById('signature').style.display = 'block';
	loadImageRoll( '1', 'jpg', 'accueil/PICS' );
	loadImageRoll( '2', 'jpg', 'accueil/PICS' );
	loadImageRoll( '3', 'jpg', 'accueil/PICS' );
	loadImageRoll( '4', 'jpg', 'accueil/PICS' );
	loadImageRoll( '5', 'jpg', 'accueil/PICS' );
	loadImageRoll( '6', 'jpg', 'accueil/PICS' );
	loadImageRoll( '7', 'jpg', 'accueil/PICS' );
	loadImageRoll( '8', 'jpg', 'accueil/PICS' );
}

/////////////////////////////////////////////////////////
//// INITIALISATION ATELIER /////////////////////////////
/////////////////////////////////////////////////////////
function initAtelier () {
	loadImageRoll( 'atelierTitle', 			'jpg', 'atelier' );
	loadImageRoll( 'interieur', 			'jpg', 'atelier' );
	loadImageRoll( 'exterieur', 			'jpg', 'atelier' );
	loadImageRoll( 'zoom_exterieur',		'jpg', 'atelier' );
	loadImageRoll( 'zoom_inter_crayons',	'jpg', 'atelier' );
	loadImageRoll( 'zoom_inter_encre', 		'jpg', 'atelier' );
	loadImageRoll( 'zoom_inter_huile', 		'jpg', 'atelier' );
	loadImageRoll( 'zoom_inter_chevalet',	'jpg', 'atelier' );

}

function zoomImageAtelier( p_intImgId, p_objElement ) {
	document.getElementById(p_intImgId==3?'exterieur':'interieur').src = g_objImages[p_intImgId][0].src;
	document.getElementById('zoomImage').src = g_objImages[p_intImgId][1].src;
	document.getElementById('zoom').style.display = "block";
	document.getElementById('zoomComment').innerHTML = p_objElement.alt;
	document.getElementById('titre').src = g_objImages[(p_intImgId==3?2:1)][1].src;
	document.getElementById(p_intImgId==3?'interieur':'exterieur').src = g_objImages[(p_intImgId==3?1:2)][0].src;
}

function reInitImg ( p_boolInterieur ) {
	document.getElementById(p_boolInterieur?'interieur':'exterieur').src = g_objImages[(p_boolInterieur?1:2)][0].src;
	document.getElementById('titre').src = g_objImages[0][0].src;
	document.getElementById('zoom').style.display = "none";
}


/////////////////////////////////////////////////////////
//// INITIALISATION OEUVRES /////////////////////////////
/////////////////////////////////////////////////////////
var g_intCATEGORY = 0;
var g_intOEUVRE = 0;
var g_intRubriqueLevel = 0;
var g_intOeuvreLevel = 0;
var g_intMaxRubriqueToShow = 8;
var g_intMaxOeuvreToShow = 4;
var g_boolMouseOn = true;
var g_objTREE_ELEMENTS;
var g_objCATEGORIES;
var g_objRUBRIQUES;
var g_boolAdminOeuvre = false;
var g_strInfo = "";

function initOeuvres() {
	document.getElementById('loupe').style.display = "none";
	g_strInfo = document.getElementById('infos').innerHTML;
	
	// les maximum à afficher
	g_intMaxRubriqueToShow = ( document.getElementById('admin') != null ? 8 : 10 ); // le nombre max de rubrique que l'on peut afficher
	g_intMaxOeuvreToShow = ( document.getElementById('admin') != null ? 3 : 4 );	// le nombre max d'oeuvre que l'on peut afficher
	// Les Elements de l'arbre
	g_objTREE_ELEMENTS = document.getElementById('TextToShow').getElementsByTagName('div');
	// Les catégories
	g_objCATEGORIES = document.getElementById('TextToShow').getElementsByTagName('h1');
	var l_intCategorieId = 0;
	// Les rubriques
	g_objRUBRIQUES = new Array();
	for ( var l_intCount = 0; l_intCount < g_objTREE_ELEMENTS.length; ++l_intCount ) {
		l_intCategorieId = g_objTREE_ELEMENTS[l_intCount].id.substring('Categorie_Id_'.length,g_objTREE_ELEMENTS[l_intCount].id.length);
		g_objRUBRIQUES[l_intCategorieId] = g_objTREE_ELEMENTS[l_intCount].getElementsByTagName('h2');
	}
	if ( document.getElementById('CATEGORY').innerHTML == '' ) {
		showCATEGORIES();
	} else {
		selectCATEGORIE( document.getElementById('CATEGORY').innerHTML );
		if ( document.getElementById('RUBRIQUE').innerHTML != '' ) selectRUBRIQUE ( document.getElementById('RUBRIQUE').innerHTML );
	}

}
function showCATEGORIES () {
	var l_intCategorieId = 0;
	document.getElementById('zone1').innerHTML = '<div id="menuZone1">';
	for ( var l_intCount = 0; l_intCount < g_objTREE_ELEMENTS.length; ++l_intCount ) {
		l_intCategorieId = g_objTREE_ELEMENTS[l_intCount].id.substring('Categorie_Id_'.length,g_objTREE_ELEMENTS[l_intCount].id.length);
		document.getElementById('zone1').innerHTML += 
			'<a id="link_categorie_'+l_intCategorieId+'" href="javascript:selectCATEGORIE('+l_intCategorieId+');">'+(l_intCount!=0 ? 
			'<img class="asterisqueImg" src="img/oeuvres/asterisque.png" onLoad="fixPNG(this);">':'') +
			'<span>'+g_objCATEGORIES[l_intCount].innerHTML+'</span>'+
			'</a>' +
			'';
		if ( document.getElementById('CATEGORY').innerHTML == l_intCategorieId ) {
			document.getElementById('link_categorie_'+l_intCategorieId).setAttribute("className","zone1LinkON");
			document.getElementById('link_categorie_'+l_intCategorieId).setAttribute("class","zone1LinkON");
		} 
	}	
	document.getElementById('zone1').innerHTML += ( document.getElementById('admin') != null ? '<a id="link_categorie_0" href="#">ajouter une catégorie</a>':'' ) + '</div>';
	if ( document.getElementById('admin') != null ) showAdminLinks( 'link_categorie_' );
}
function selectCATEGORIE ( p_intId ) {
	// on masque le texte de présentation commerciale qui est disposé au niveau de la zone 4
	document.getElementById('PresentationPanier').style.display = 'none';
	// on stocke l'id de la CATEGORIE sélectionnée
	document.getElementById('CATEGORY').innerHTML = p_intId;
	showCATEGORIES(); // on raffraichi les catérgories pour mettre en valeur la selection
	// on ré-initialise la zone des oeuvres (zone 3 et zone 4)
	document.getElementById('zone3').innerHTML = '';
	document.getElementById('zone4').innerHTML = '';
	document.getElementById('oeuvreOption').style.display = "none";
	g_intRubriqueLevel = 0;
	showRUBRIQUES(); // on charge les rubriques de la catégorie sélectionnée
	document.getElementById('infos').innerHTML = g_strInfo; 
}
function showRUBRIQUES () {
	// on stocke l'id de la CATEGORIE en cours
	var l_intCATEGORIEid = document.getElementById('CATEGORY').innerHTML;
	if (l_intCATEGORIEid != '' && l_intCATEGORIEid != 0) { // on ne peut afficher les rubriques que si une CATÉGORIE a été sélectionnée
		// on gère le LEVEL => le niveau d'affichage partiel de la rubrique
		if ( g_intRubriqueLevel > 0 && g_intRubriqueLevel > ( g_objRUBRIQUES[l_intCATEGORIEid].length - g_intMaxRubriqueToShow - 1 ) ) { --g_intRubriqueLevel; g_boolMouseOn = false; }
		var l_intMaxRubriqueToShow = ( g_intMaxRubriqueToShow + g_intRubriqueLevel < g_objRUBRIQUES[l_intCATEGORIEid].length ? g_intMaxRubriqueToShow + g_intRubriqueLevel + 1 : g_objRUBRIQUES[l_intCATEGORIEid].length < g_intMaxRubriqueToShow ? g_objRUBRIQUES[l_intCATEGORIEid].length : g_intMaxRubriqueToShow );
		// affichage des sous rubriques
		document.getElementById('zone2').innerHTML = '';
		for ( var l_intCount = g_intRubriqueLevel; l_intCount < l_intMaxRubriqueToShow; ++l_intCount ) {
			l_intRubriqueId = g_objRUBRIQUES[l_intCATEGORIEid][l_intCount].id.substring('Rubrique_Id_'.length+2,g_objRUBRIQUES[l_intCATEGORIEid][l_intCount].id.length);
			document.getElementById('zone2').innerHTML += '<a id="link_rubrique_'+l_intRubriqueId+'" href="javascript:selectRUBRIQUE('+l_intRubriqueId+');">'+g_objRUBRIQUES[l_intCATEGORIEid][ l_intCount ].innerHTML+'</a>';
			if ( document.getElementById('RUBRIQUE').innerHTML == l_intRubriqueId ) {
				document.getElementById('link_rubrique_'+l_intRubriqueId).innerHTML = "<img style='margin-left:-10px;margin-right:3px;' onLoad='fixPNG(this);' src='img/oeuvres/select.png'>"+document.getElementById('link_rubrique_'+l_intRubriqueId).innerHTML;
				document.getElementById('link_rubrique_'+l_intRubriqueId).setAttribute("class","activeLink");
				document.getElementById('link_rubrique_'+l_intRubriqueId).setAttribute("className","activeLink");
			}
		}	
		document.getElementById('zone2').innerHTML += ( document.getElementById('admin') != null ? '<a id="link_rubrique_0" href="#">ajouter une rubrique</a>':'' );
		
		if ( document.getElementById('admin') != null) showAdminLinks( 'link_rubrique_' );
	}
}
function selectRUBRIQUE ( p_intId ) {
	// on stocke l'id de la RUBRIQUE sélectionnée
	document.getElementById('RUBRIQUE').innerHTML = p_intId;
	// on ré-initialise la zone des oeuvres (zone 3 et zone 4)
	document.getElementById('zone3').innerHTML = '';
	document.getElementById('zone4').innerHTML = '';
	g_intOeuvreLevel = 0;
	document.getElementById('oeuvreOption').style.display = "none";
	showRUBRIQUES(); // on raffraichi les rubriques pour mettre en valeur la selection
	showOEUVRES(); // on charge les oeuvres de la rubrique sélectionnée
	document.getElementById('infos').innerHTML = g_strInfo; 
}
function showOEUVRES () {
	// on stocke l'id de la RUBRIQUE en cours
	var l_intRUBRIQUEid = document.getElementById('RUBRIQUE').innerHTML;
	if (l_intRUBRIQUEid != null && l_intRUBRIQUEid != '' && l_intRUBRIQUEid != 0) { // on ne peut afficher les oeuvres que si une RUBRIQUE a été sélectionnée
		// on cherche les Images des Oeuvres de 'p_intSousRubriqueId'
		var l_objOeuvres = document.getElementById('Rubrique_Id_'+l_intRUBRIQUEid).getElementsByTagName('span');
		// on gère le LEVEL => le niveau d'affichage partiel de la rubrique
		if ( g_intOeuvreLevel > 0 && g_intOeuvreLevel > ( l_objOeuvres.length - g_intMaxOeuvreToShow - 1 ) ) --g_intOeuvreLevel;
		var l_intMaxOeuvreToShow = ( g_intMaxOeuvreToShow + g_intOeuvreLevel < l_objOeuvres.length ? g_intMaxOeuvreToShow + g_intOeuvreLevel + 1 : l_objOeuvres.length < g_intMaxOeuvreToShow ? l_objOeuvres.length : g_intMaxOeuvreToShow );
		//affichage des Images des Oeuvres
		document.getElementById('zone3').innerHTML = '';
		for ( var l_intCount = g_intOeuvreLevel; l_intCount < l_intMaxOeuvreToShow; ++l_intCount ) {
			l_intOeuvreId = l_objOeuvres[l_intCount].id.substring('Detail_Image_'.length,l_objOeuvres[l_intCount].id.length);
			document.getElementById('zone3').innerHTML += '<a '+ (l_intOeuvreId==g_intOEUVRE ? 'class="oeuvreSelected"':'') +' id="link_oeuvre_'+l_intOeuvreId+'" href="javascript:showDetail('+l_intOeuvreId+');"><table align="center" id="tableZone3Image"><tr><td align="center" Valign="center"><img onClick="showDetail('+l_intOeuvreId+');" src="upload/mini/'+document.getElementById('Detail_Image_'+l_intOeuvreId).innerHTML+'"></td></tr></table></a>';
		}	
		document.getElementById('zone3').innerHTML += (document.getElementById('zone3').innerHTML == '' ? 'Cette rubrique ne contient pas encore d\'oeuvre' : '' )+
		( document.getElementById('admin') != null ? '<a id="link_oeuvre_0" href="#">ajouter une oeuvre</a>':'' );
		
		if ( document.getElementById('admin') != null) showAdminLinks( 'link_oeuvre_' );
	}
}

/////////////////////////////////////////////////////////
//// OEUVRES DETAILS ////////////////////////////////////
/////////////////////////////////////////////////////////
function showDetail ( p_intOeuvreId ) {
	if ( p_intOeuvreId != 0 && !g_boolAdminOeuvre ) {
		g_intOEUVRE = p_intOeuvreId;
		showOEUVRES (); // on raffraichi les oeuvres mini pour mettre en valeur la selection
		// on cherche les Images des Oeuvres de 'p_intOeuvreId'
		document.getElementById('zone4').innerHTML = 
			'<a id="link_oeuvre_image'+p_intOeuvreId+'" href="#" onClick="popupOpen('+p_intOeuvreId+',\'image\');"><img id="zone4IMG" src="upload/mid/'+document.getElementById('Detail_Image_'+p_intOeuvreId).innerHTML+'"></a>';
		document.getElementById('oeuvreOption').innerHTML = 
			'<img src="img/oeuvres/midImageBack.gif" id="imgback">';
		document.getElementById('oeuvreOption').style.display = "block";
		document.getElementById('loupe').href = "javascript:popupOpen("+p_intOeuvreId+",\'image\');";
		// si on a un étude crayon à afficher
		if (document.getElementById('Detail_Image_Crayon_'+p_intOeuvreId).innerHTML!='') {
			showCrayon();
		} else if (document.getElementById('Detail_Price_'+p_intOeuvreId).innerHTML != '0') {
			document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('class','crayon');
			document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('className','crayon');
			document.getElementById('oeuvreOption').innerHTML = 
				'<div onClick="window.location.href=\'acquisition.php?ETAPE=1&OEUVRE_ID='+g_intOEUVRE+'\';" id="panierLink"><b>'+document.getElementById('Detail_Price_'+p_intOeuvreId).innerHTML+' €</b>'+document.getElementById('Detail_sizeReproduction_'+p_intOeuvreId).innerHTML+'</div>'+
				'<img src="img/oeuvres/fond_oeuvre_avec_picto.png" id="imgbackCrayon" onLoad="fixPNG(this);">';
			document.getElementById('oeuvreOption').style.display = "block";
			document.getElementById('zone4IMG').style.position = 'relative';
			document.getElementById('zone4IMG').style.top = '-10px';
		} 
		
		// on affiche les détails de l'oeuvre
		document.getElementById('loupe').style.display = "block";
		document.getElementById('infoTitle').src = "img/oeuvres/legende.png";
		document.getElementById('infoTitle').style.width = "106px";
		fixPNG(document.getElementById('infoTitle'));
		document.getElementById('infoCadreImg').src = "img/oeuvres/cadre_legende.png";
		fixPNG(document.getElementById('infoCadreImg'));
		document.getElementById('infoMiddle').innerHTML = 
			'<ul class="legende">'+
			( document.getElementById('Detail_Title_'+p_intOeuvreId).innerHTML == '' ? '' : '<li>Titre : ' + document.getElementById('Detail_Title_'+p_intOeuvreId).innerHTML ) + 
			( document.getElementById('Detail_Technic_'+p_intOeuvreId).innerHTML == '' ? '' : '<li>Technique '+(document.getElementById('Detail_Price_'+p_intOeuvreId).innerHTML > 0 ? 'de l\'orignal':'')+' : ' + document.getElementById('Detail_Technic_'+p_intOeuvreId).innerHTML ) + 
			( document.getElementById('Detail_sizeOriginal_'+p_intOeuvreId).innerHTML == '' ? '' : '<li>Format original : ' + document.getElementById('Detail_sizeOriginal_'+p_intOeuvreId).innerHTML ) + 
			( document.getElementById('Detail_sizeReproduction_'+p_intOeuvreId).innerHTML == '' ? '' : '<li>Format du tirage : ' + document.getElementById('Detail_sizeReproduction_'+p_intOeuvreId).innerHTML ) + 
			( document.getElementById('Detail_Comment_'+p_intOeuvreId).innerHTML == '' ? '' : '<li>' + document.getElementById('Detail_Comment_'+p_intOeuvreId).innerHTML ) + 
			'</ul>';
	}
	g_boolAdminOeuvre = false;	
	
}
function showHuile() {
	document.getElementById('zone4').innerHTML = 
		'<a id="link_oeuvre_image'+g_intOEUVRE+'" href="#" onClick="popupOpen('+g_intOEUVRE+',\'image\');"><img id="zone4IMG" src="upload/mid/'+document.getElementById('Detail_Image_'+g_intOEUVRE).innerHTML+'"></a>';
	document.getElementById('oeuvreOption').innerHTML = 
		'<div id="crayonText" onClick="showCrayon();">étude crayon</div>'+
		'<div id="huileTextSelected" onClick="showHuile();"><b>'+document.getElementById('Detail_sizeOriginal_'+g_intOEUVRE).innerHTML+'</b> huile</div>' +
		'<img src="img/oeuvres/fond_onglets_huile.png" id="imgbackCrayon" onLoad="fixPNG(this);">';
	document.getElementById('oeuvreOption').style.display = "block";
	document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('class','crayon');
	document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('className','crayon');
	document.getElementById('loupe').href = "javascript:popupOpen("+g_intOEUVRE+",\'image\');";
}
function showCrayon() {
	document.getElementById('zone4').innerHTML = 
		'<a id="link_oeuvre_image'+g_intOEUVRE+'" href="#" onClick="popupOpen('+g_intOEUVRE+',\'image_crayon\');"><img id="zone4IMG" src="upload/mid/'+document.getElementById('Detail_Image_Crayon_'+g_intOEUVRE).innerHTML+'"></a>';
	document.getElementById('oeuvreOption').innerHTML = 
		'<div id="crayonText" onClick="showCrayon();">étude crayon <b>'+document.getElementById('Detail_sizeCrayon_'+g_intOEUVRE).innerHTML+'</b></div>'+
		'<div id="huileText" onClick="showHuile();">huile</div>' +
		'<img src="img/oeuvres/fond_onglets_etude_crayon.png" id="imgbackCrayon" onLoad="fixPNG(this);">';
	document.getElementById('oeuvreOption').style.display = "block";
	document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('class','crayon');
	document.getElementById('link_oeuvre_image'+g_intOEUVRE).setAttribute('className','crayon');
	document.getElementById('loupe').href = "javascript:popupOpen("+g_intOEUVRE+",\'image_crayon\');";
}

function popupOpen( p_intElementId, p_strType ) {
	var l_strRUBRIQUEid = 'Rubrique_Name_'+document.getElementById('RUBRIQUE').innerHTML
	var l_strRUBRIQUE = document.getElementById( l_strRUBRIQUEid ).innerHTML.toUpperCase();
	window.open("oeuvreZoom.php?img="+p_intElementId+"&type="+p_strType+"&rub="+l_strRUBRIQUE+"","ImageZoom","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes, width=797, height=505");
	void("");
}
/////////////////////////////////////////////////////////
//// OEUVRES SCROLL RUBRIQUE MOUSE //////////////////////
/////////////////////////////////////////////////////////
function ChangeMouse ( p_boolMouseOn ) {
	g_boolMouseOn = p_boolMouseOn;
}

/////////////////////////////////////////////////////////
//// OEUVRES SCROLL RUBRIQUE LEVEL //////////////////////
/////////////////////////////////////////////////////////
function getLevel( p_intChanging, p_boolIsRubrique ) {
	if (g_boolMouseOn) {
		if (p_boolIsRubrique) {
			g_intRubriqueLevel = g_intRubriqueLevel + p_intChanging;
			if ( g_intRubriqueLevel < 0 ) g_intRubriqueLevel = 0;
			showRUBRIQUES();
		} else {
			g_intOeuvreLevel = g_intOeuvreLevel + p_intChanging;
			if ( g_intOeuvreLevel < 0 ) g_intOeuvreLevel = 0;
			showOEUVRES();
		}
		setTimeout( "getLevel( "+p_intChanging+", "+p_boolIsRubrique+" );", 300 );
	}
}

/////////////////////////////////////////////////////////
//// ACCUEIL IMAGE CLICKING /////////////////////////////
/////////////////////////////////////////////////////////
g_intLastIdSelected = 0;
function accueilClickImage ( p_objElement ) {
	var l_intImageId;
	for ( var l_intCount = 0; l_intCount < g_intImageIndexMAX; ++l_intCount ) {
		if ( typeof( g_objImages[l_intCount] ) != 'undefined' ) {
			for ( var l_intCountImage = 0; l_intCountImage < 2; ++l_intCountImage ) {
				if ( typeof( g_objImages[l_intCount][l_intCountImage] ) != 'undefined' ) {
					if ( g_objImages[l_intCount][l_intCountImage].src == p_objElement.src ) {
						l_intImageId = l_intCount;
					}
				}
			}			
		}
	}
	document.getElementById("imageZone").innerHTML = 
		'<div id="imageSelected">'+
			'<img src="'+g_objImages[l_intImageId][2].src+'">'+
			'<div>'+replace(document.getElementById(p_objElement.id).alt,'->','<br>&gt;')+'</div>' +
		'</div>';
	if ( g_intLastIdSelected != 0 ) document.getElementById("cell"+g_intLastIdSelected).style.background = "url('img/accueil/fond_vignettes_gris.gif') no-repeat center top";
	document.getElementById("cell"+p_objElement.id).style.background = "url('img/accueil/fond_vignettes_violet.gif') no-repeat center top";
	g_intLastIdSelected = p_objElement.id;

}

/////////////////////////////////////////////////////////
//// IMAGES PNG /////////////////////////////////////////
/////////////////////////////////////////////////////////
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
function fixPNG(myImage) {
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) { 
		var l_strAddString1 = "\n";
		var l_strAddString2 = "function anonymous(){";
		var l_strAddString3 = "}";
		var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
		var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
		var imgTitle = (myImage.title) ? 
		           "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' ";
		var imgOnMouseOver = ( myImage.onmouseover != null ? "onMouseover=\""+replace(replace(replace(replace(replace(myImage.onmouseover.toString(),"reInitImg","reInitImgpng"),"imageRoll","imageRollpng"),l_strAddString1,""),l_strAddString2,""),l_strAddString3,"")+"\" " : "" );
		var imgOnMouseOut = ( myImage.onmouseout != null ? "onMouseout=\""+replace(replace(replace(replace(replace(myImage.onmouseout.toString(),"reInitImg","reInitImgpng"),"imageRoll","imageRollpng"),l_strAddString1,""),l_strAddString2,""),l_strAddString3,"")+"\" " : "" );
		var imgOnMouseDown = ( myImage.onmousedown != null ? "onMousedown=\""+replace(replace(replace(replace(myImage.onmousedown.toString(),"imageClick","imageClickpng"),l_strAddString1,""),l_strAddString2,""),l_strAddString3,"")+"\" " : "" );
		var imgOnMouseUp = ( myImage.onmouseup != null ? "onMouseup=\""+replace(replace(replace(replace(myImage.onmouseup.toString(),"imageClick","imageClickpng"),l_strAddString1,""),l_strAddString2,""),l_strAddString3,"")+"\" " : "" );
		var imgOnClick = ( myImage.onclick != null ? "onClick=\""+replace(replace(replace(myImage.onclick.toString(),l_strAddString1,""),l_strAddString2,""),l_strAddString3,"")+"\" " : "" );
	
		//if (imgOnMouseOver!='') alert(imgOnMouseOver);
		var imgStyle = "display:inline-block;" + myImage.style.cssText;
		var strNewHTML = "<span " + imgID + imgClass + imgTitle + imgOnMouseOver + imgOnMouseOut + imgOnMouseDown + imgOnMouseUp + imgOnClick 
					 // + ( imgID == 'interieur' || imgID == 'exterieur' ? "usemap='#"+imgID+"MAP'" : "" )
		              + " style=\"" + "width:" + myImage.width 
		              + "px; height:" + myImage.height 
		              + "px;" + imgStyle + ";"
		              + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		              + "(src=\'" + myImage.src + "\', sizingMethod='scale');\" "
		              + "></span>";
		myImage.outerHTML = strNewHTML; 
	}
}


/////////////////////////////////////////////////////////
//// REPLACE STRING /////////////////////////////////////
/////////////////////////////////////////////////////////
function replace(string,text,by) {
// Replaces text with by in string
    var strLength = string.length, txtLength = text.length;
    if ((strLength == 0) || (txtLength == 0)) return string;

    var i = string.indexOf(text);
    if ((!i) && (text != string.substring(0,txtLength))) return string;
    if (i == -1) return string;

    var newstr = string.substring(0,i) + by;

    if (i+txtLength < strLength)
        newstr += replace(string.substring(i+txtLength,strLength),text,by);

    return newstr;
}

/////////////////////////////////////////////////////////
//// OEUVRE POPUP ///////////////////////////////////////
/////////////////////////////////////////////////////////
function initOeuvreZoom () {
	window.focus();
	
	document.getElementById("bodyCell").innerHTML = '<img id="imageZoom" src="'+document.getElementById("img").src+'" style="display:block;" onClick="if(confirm( \'Fermer cette fenêtre ?\')){window.close();}"><a href="http://www.michelzlecomte.fr" target="_blank" style="display:block;" id="siteLink" title="retour vers le site www.michelzlecomte.fr">www.michelzlecomte.fr</a>';
	
	var l_intScreenWidth=screen.availWidth; //calcul auto de la largeur de l'ecran client 
	var l_intScreenHeight=screen.availHeight; //calcul auto de la hauteur de l'ecran client 
	
	var l_intImageWidth = document.getElementById('imageZoom').offsetWidth+50;
	var l_intImageHeight = document.getElementById('imageZoom').offsetHeight+120;
	
	if ( l_intImageWidth > (l_intScreenWidth-50) ) l_intImageWidth = l_intScreenWidth - 50;
	if ( l_intImageHeight > (l_intScreenHeight-50) ) l_intImageHeight = l_intScreenHeight - 50;

	window.resizeTo(l_intImageWidth,l_intImageHeight);
	window.moveTo((l_intScreenWidth-l_intImageWidth)/2,(l_intScreenHeight-l_intImageHeight)/2); 
	
	window.focus();

}