// Variables globales
// ------------------
window.imgNum = 1 ;

// Au chargement de la page
// ------------------------
function loadRubrique ( ) {

	vignetteLoad ( 1 ) ;		// Au chargement de la rubrique on charge la premiere info.

}

function loadIntro ( ) {

	window.idTimeInter = window.setInterval( 'intro ( )' , 20 ) ;

	window.marge = 0 ;

}

function loaded ( ) {

	document.getElementById( 'intro' ).style.display = 'none' ;

       	document.getElementById( 'tete' ).style.visibility = 'visible' ;

       	document.getElementById( 'corps' ).style.visibility = 'visible' ;

       	document.getElementById( 'pied' ).style.visibility = 'visible' ;

}

function intro ( ) {

	if ( document.all ) {

		window.marge += 4 ;

	}

	else {

		window.marge += 4 ;

	}

	document.getElementById( 'verso_image' ).style.backgroundPosition = -window.marge + 'px 0px' ;

	window.setTimeout( 'loaded ( )' , 500 ) ;


}


// Transparence des boutons Navigation Media < >
// ---------------------------------------------
function naviMediaStyle ( thisTag , evenement ) {

	// Test evenement
	// --------------

	if ( evenement == 'hover' ) {

		var opacityVal = 0.5 ;

	}

	else if ( evenement == 'out' ) {

		var opacityVal = 1.0 ;

	}

	else if ( evenement == 'down' ) {

		var opacityVal = 0.3 ;

	}

	else if ( evenement == 'up' ) {

		var opacityVal = 1.0 ;

	}

	// Methode selon Navigateur
	// ------------------------

	if ( document.all ) {

		thisTag.style.filter = ' alpha ( opacity = ' + ( opacityVal * 100 ) + ' ) ' ;

	}

	else {

		thisTag.style.opacity = opacityVal ;

	}

}

// Chargement via boutons de Navigation Media < >
// ----------------------------------------------
function naviMediaLoad ( direction  ) {

	if ( direction == 'prev' ) {

		if ( window.imgNum == 1 ) {

			window.imgNum = 16 ;

		}

		else if ( window.imgNum > 1 ) {

			window.imgNum -= 1 ;

		}

	}

	else if ( direction == 'next' ) {

		if ( window.imgNum == 16 ) {

			window.imgNum = 1 ;

		}

		else if ( window.imgNum < 16 ) {

			window.imgNum += 1 ;

		}

	}

	vignetteLoad ( window.imgNum ) ;

}


// Transparence des vignettes
// --------------------------
function vignetteStyle ( thisTag , evenement ) {

	// Test evenement

	if ( evenement == 'hover' ) {

		var opacityVal = 1.0 ;

	}

	else if ( evenement == 'out' ) {

		var opacityVal = 0.3 ;

	}

	else if ( evenement == 'down' ) {

		var opacityVal = 0.7 ;

	}

	else if ( evenement == 'up' ) {

		var opacityVal = 1.0 ;

	}

	// Application selon Navigateur

	if ( document.all ) {

		thisTag.style.filter = ' alpha ( opacity = ' + ( opacityVal * 100 ) + ' ) ' ;

	}

	else {

		thisTag.style.opacity = opacityVal ;

	}

}

// Chargement des donnees
// ----------------------
function decomposeXMLResponse ( xml ) {

	// Recupere chaque donnees dans une variable
	// -----------------------------------------

	var titreMedia = xml.getElementsByTagName('media')[0].getElementsByTagName( 'titre' )[0].firstChild.nodeValue ;

	var dateMedia = xml.getElementsByTagName( 'media' )[0].getElementsByTagName( 'date' )[0].firstChild.nodeValue ;

	var typeMedia = xml.getElementsByTagName( 'media' )[0].getElementsByTagName( 'type' )[0].firstChild.nodeValue ;

	var villeMedia = xml.getElementsByTagName( 'media' )[0].getElementsByTagName( 'ville' )[0].firstChild.nodeValue ;

	var paysMedia = xml.getElementsByTagName( 'media' )[0].getElementsByTagName( 'pays' )[0].firstChild.nodeValue ;

	var titreContenu = xml.getElementsByTagName( 'contenu' )[0].getElementsByTagName( 'titre' )[0].firstChild.nodeValue ;

	document.getElementById( 'titre_contenu' ).style.display = 'none' ;

	if ( titreContenu != '%0A' ) {

		document.getElementById( 'titre_contenu' ).style.display = 'block' ;

	}


	if ( document.all ) {

		var texteContenu = xml.getElementsByTagName( 'contenu' )[0].getElementsByTagName( 'texte' )[0].firstChild.nodeValue ;

	}

	else {

		var texteContenu = '' ;

		for ( var i = 0 ; i < xml.getElementsByTagName( 'contenu' )[0].getElementsByTagName( 'texte' )[0].childNodes.length ; i++ ) {

			texteContenu += xml.getElementsByTagName( 'contenu' )[0].getElementsByTagName( 'texte' )[0].childNodes[i].nodeValue ;

		}

	}


	// Inject les donnees recuperees dans les balises XHTML
	// ----------------------------------------------------

	document.getElementById( 'titre_media' ).innerHTML = unescape ( titreMedia ) ;

	document.getElementById( 'date_media' ).innerHTML = unescape ( dateMedia ) ;

	document.getElementById( 'type_media' ).innerHTML = unescape ( typeMedia ) ;

	document.getElementById( 'ville_media' ).innerHTML = unescape ( villeMedia ) ;

	document.getElementById( 'pays_media' ).innerHTML = unescape ( paysMedia ) ;

	document.getElementById( 'titre_contenu' ).innerHTML = unescape ( titreContenu ) ;

	document.getElementById( 'texte_contenu' ).getElementsByTagName( 'div' )[0].innerHTML = unescape ( texteContenu ) ;

}

function vignetteLoad ( numVignette ) {

	window.imgNum = numVignette ;

	var imgTag = document.getElementById( 'image' ) ;

	var srcImg = imgTag.getAttribute( 'src' ).replace( /([0-9]{1,2}.jpg)/ig , $0 = '' ) ;

	imgTag.src = srcImg + window.imgNum + '.jpg' ;

	// AJAX
	// ----

	getXhr ( ) ;

	var data = 'contenu=' + window.contenu + '&num=' + window.imgNum ;

	xhr.open ( 'post' , '/_require/contenuLoader.php' , true ) ;

	xhr.setRequestHeader ( 'content-type' , 'application/x-www-form-urlencoded' ) ;

	xhr.send ( data ) ;

	xhr.onreadystatechange = function ( ) {

		if ( xhr.readyState == 4 && xhr.status == 200 ) {

			var xml = xhr.responseXML.documentElement ;

			decomposeXMLResponse ( xml ) ;

		}

	}

}