/**
* getElementsByClassName : permet de travailler avec les classname
* @param oElm : noeud racine à partir duquel on va faire la recherche sur les classes name
* @param strTagName : balises sur laquelle on cherchera le classname
* @param strClassName : nom de la class recherhée
*/
function getElementsByClassName(oElm, strTagName, strClassName){

	var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];    
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)

}


/**
* createGallery : fonction qui parse toutes les balises div de la page, et à chaque fois que ces div ont le classname qui est passé en paramettre
* permet de remplacer l'attribut href et de rajouter un attribut rel="lightbox[xx]" pour faire fonctionner le module de galerie d'images lightbox.  Lorsque l'image s'affiche en version fullsize, on affiche juste en dessous l'attribut title du lien ( qui correspond chez nous au nom de l'image), ainsi que la description de cette même image.
* 
*/
function createGallery(class){
	var className = getElementsByClassName(document, "div", class);
	// à chaque fois qu'on rencontre la classname, on crée uen nouvelle gallerie
	for(var i=0 ; i<className.length ;i++){
		var imagesGallery = className[i].getElementsByTagName("img");
		//pour chacune des images de la gallerie
		for(var j=0 ; j<imagesGallery.length ;j++){
			//création du lien
			var lien = document.createElement("a");
			className[i].appendChild(lien);
			lien.appendChild(imagesGallery[j]);
			//création des attributs du lien
			lien.setAttribute('rel', 'lightbox['+class+']');
			lien.setAttribute('href', '/media/'+imagesGallery[j].src.split("/")[5]);
			lien.setAttribute('title', '<h3>'+lien.title+'</h3><p>'+imagesGallery[j].alt+'</p>');
			//alert(className[i].innerHTML);
		}
	}

}

//on lance la fonction avec le nom de la class ou se trouve les images de la gallerie
window.onload = function(){
	var classname = "gallery";
	if (getElementsByClassName(document, "div", classname).length>=1){
		createGallery(classname)
	}
};