(function($){
	$.fn.construire = function(){
		
		
		// donner l'encadrement aux div
			$("div.com").each(function(){
								   
			var id= $(this).attr("id");
			var newDiv = "<div class=ferm><a href='#'><img src='http://www.brice-leblanc.fr/images/close.gif' class='byby' alt='" + id + "' /></a></div>";
			
			$(this).prepend(newDiv);
				
			var texte = $(this).html();
			var tableau = "<table cellspacing='0' class='outerImageContainer'> \
 <tr><td class='tl'>&nbsp;</td><td class='tc'>&nbsp;</td><td class='tr'>&nbsp;</td></tr> \
  <tr><td class='ml'>&nbsp;</td><td class='lightboxFrameBody'>  "
  + texte + "</td><td class='mr'>&nbsp;</td></tr> \
  <tr><td class='bl'>&nbsp;</td><td class='bc'>&nbsp;</td><td class='br'>&nbsp;</td></tr> \
</table>";
	$(this).html(tableau);
	
	//alert($(this).html());
												
					}); // $("div.com").each
			
		
		// Ouverture Fermeture des div sur le lien 
		$("a.com").click(function(e){
		var id= $(this).attr("rel");
		var div = $("div #" + id);
		
				if(div.css("display")=="none") {
					div.css({"top":e.pageY,"left":e.pageX});
					div.slideDown(400); //$(cible).dragable();
				}
				else {
					//alert('p');
					  div.fadeOut(400);
					 // $("body").scrollTop(2000);
					 
				}
		
		return false;
		}
		);	
				
		// Fermeture des div 
		$(".byby").click(function(){
					var numdiv = "div #" + $(this).attr("alt");
					$(numdiv).slideUp(400);
					return false;
				});
					
		
		// survol image
		$("img[longdesc]").each(function(){
								 
			var srcOn = $(this).attr("longdesc");
			var srcUp = $(this).attr("src");
			
			// preload cde l'image
			var cacheImage = document.createElement('img');
      		cacheImage.src = srcOn;
			
								// survol de l'image
								$(this).hover(function(){
								$(this).attr({"src":srcOn});
								}
								,
								function(){
								$(this).attr({"src":srcUp});
								}
								
								); // fin $(this).hover
 
								 
								 
		 }); // fin $("img[longdesc]").each
		
			
	};
}) (jQuery)