function Vignette (int_index, obj_parent, int_ligne, str_diaporama, str_fichier, str_preview, str_hauteur, str_largeur){
	
	this.index = int_index;
	this._parent = obj_parent;
	this.ligne = int_ligne;
	this.diaporama = str_diaporama;
	this.fichier = str_fichier;
	this.preview = str_preview;
	this.hauteur = str_hauteur;
	this.largeur = str_largeur;
	this.scriptPath = this._parent.scriptPath + ".content[" + this.index + "]";
	
	//creer le html lié à cet objet
	this.createHtml = function() {
		
		var str_html = "";
		var src_fichier = this._parent.dir + "vignettes/" + this.fichier;
		var src_preview = this._parent.dir + "vignettes/" + this.preview;	
					
		if (src_fichier.indexOf(".flv") > 0) {
			
			if (this.largeur=="") this.largeur = "320";
			if (this.hauteur == "") this.hauteur = "240";
			var player_haut = String(Number(this.hauteur) - 2);
			
			var str_movie = "";
			str_movie+="<div style='float:left;"+this.getNewLine()+";"+this.getCss()+";border:3px solid white;'>";
			str_movie+="<div id='player1'><a href='http://www.macromedia.com/go/getflashplayer'>Get the Flash Player</a> to see this player.</div>";
			str_movie+="<script type='text/javascript'>";
			str_movie+="	quality = 'low';";
			str_movie+="	var s1 = new SWFObject('flvplayer/flvplayer.swf','single','"+this.largeur+"','"+player_haut+"','7');";
			str_movie+="	s1.addParam('allowfullscreen','true');";
			str_movie+="	s1.addParam('wmode','transparent');";		
			str_movie+="	s1.addVariable('file','../"+src_fichier+"');";
			str_movie+="	s1.addVariable('image','"+src_preview+"');";
			str_movie+="	s1.addVariable('width','"+this.largeur+"');";
			str_movie+="	s1.addVariable('height','"+this.hauteur+"');";
			str_movie+="	s1.write('player1');";
			str_movie+="</script>";
			str_movie+="</div>";
			str_html += str_movie;
					
		}else if (src_fichier.indexOf(".swf") > 0) {
	
			var str_swf = "";
			str_swf += "<div style='"+this.getNewLine()+";"+this.getCss()+";border:3px solid white;'>";
			str_swf += "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='"+this.largeur+"' height='"+this.hauteur+"' title='"+src_fichier+"'>";
			str_swf += "<param name='wmode' value='transparent' />";
			str_swf += "<param name='movie' value='"+src_fichier+"' />";
			str_swf += "<param name='quality' value='high' />";
			str_swf += "<embed src='"+src_fichier+"' wmode='transparent' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='"+this.largeur+"' height='"+this.hauteur+"'></embed>";
			str_swf += "</object>";
			str_swf+="</div>";
			str_html += str_swf;
				
		}else{
			str_html += "<div style=\""+this.getNewLine()+";\">";
			if  (this.diaporama != "") str_html += "<div id='indic_"+this.fichier+"_"+this.index+"' style='position:absolute;display:none'><img src='img/indicator.gif' style='border:0px;'></div>";
			str_html += "<img id=\"" + this.id + "\" ";
			str_html += "src=\""+ this._parent.dir + "vignettes/" + this.fichier +"\" ";
			if (this.diaporama != "") {		
				str_html += "onMouseOver=\"document.getElementById('indic_"+this.fichier+"_"+this.index+"').style.display='block';\" onMouseOut=\"document.getElementById('indic_"+this.fichier+"_"+this.index+"').style.display='none';\" onClick=\"" + this.scriptPath + ".launchDiaporama();\" style=\"cursor:pointer;border-color:#5eea01;"+this.getCss()+"\" ";
			}else{
				str_html += "style=\""+this.getCss()+";\" "
			}			
			str_html += "/></div>";	
			
		}
	
		this.html = str_html;
	}
		
	//retourne un br si l'vignette ouvre une nouvelle ligne
	this.getNewLine = function() {		
		var str_br = "";
		if (this.index < this._parent.content.length-1) {
			var nextVignette = this._parent.content[this.index + 1];			
			var nextLine = nextVignette.ligne;
			if ( this.ligne == nextLine) str_br = "float:left";
		}else{
			str_br = "float:left";
		}
		return str_br;
	}
	
	//class de l'vignette pour gérer les bordures blanches
	this.getCss = function(){
		
		var str_css = "";
		if (this.ligne > 1) str_css += "margin-top:-3px;";
		if (this.index > 0) {
			var previousVignette = this._parent.content[this.index - 1];			
			var previousLine = previousVignette.ligne;
			if ( this.ligne == previousLine) {
				str_css += "margin-left:-3px;";
			}
		}
		return str_css;
	}	
	
	//initialise le diaporama sur le click d'une vignette
	this.launchDiaporama = function(){
		
		var thisObj = this;		
		new Ajax.Request("func/detectPhotos.php", {
			method: 'post',
			parameters: {
				dir: this._parent.dir + "diaporamas/" + this.diaporama + "/",
				xmlFile : "proprietes_diaporama.xml"
			},
			onSuccess: function(transport){
				thisObj.parse(transport.responseXML);
			}
		});
		
		this.parse = function(xmlDoc){
		
			var tab = new Array();
			var tabXML = xmlDoc.getElementsByTagName("photo");
				
			for (var iP = 0; iP < tabXML.length; iP++) {
			
				//propriétés de l'objet
				var ph_index = iP;
				var ph_parent = this;
				var ph_fichier = "";
				var ph_titre = "&nbsp;";
				var ph_chapeau = "&nbsp;";
				var ph_texte = "&nbsp;";
				var ph_hauteur = "0";
				
				//vérification et affectation des valeurs
				if (verifXMLNodes(tabXML[iP].getElementsByTagName('fichier'))) 
					ph_fichier = tabXML[iP].getElementsByTagName('fichier')[0].firstChild.nodeValue;
				if (verifXMLNodes(tabXML[iP].getElementsByTagName('titre'))) 
					ph_titre = tabXML[iP].getElementsByTagName('titre')[0].firstChild.nodeValue;
				if (verifXMLNodes(tabXML[iP].getElementsByTagName('chapeau'))) 
					ph_chapeau = tabXML[iP].getElementsByTagName('chapeau')[0].firstChild.nodeValue;
				if (verifXMLNodes(tabXML[iP].getElementsByTagName('texte'))) 
					ph_texte = tabXML[iP].getElementsByTagName('texte')[0].firstChild.nodeValue;
				if (verifXMLNodes(tabXML[iP].getElementsByTagName('hauteur'))) 
					ph_hauteur = tabXML[iP].getElementsByTagName('hauteur')[0].firstChild.nodeValue;		

				tab.push(new Photo (ph_index,ph_parent,ph_fichier, ph_titre, ph_chapeau, ph_texte, ph_hauteur));				
				
				
			}
			oDiaporama.initDiaporama(tab, this._parent.dir + "diaporamas/" + this.diaporama + "/");
		}
		
		

	}
			
}