// ouverture d'une modal image
$j(document).ready(function() {
	$j('.modal').click(function(){
		if($j('#back').length == 0){
			tab = $j(this).attr('rel').split('||');
			w = eval(tab[0]);
			h = eval(tab[1]);
			url = tab[2];
					
			var divback = $j('<div/>');
			divback.attr('id','back');
			marginLeft = ((w+10)/2)*(-1)+'px';
			marginTop = ((h+10)/2)*(-1)+'px';
			divback.css({'position':'absolute','height' : (h+20)+'px', 'width' : (w+10)+'px','margin-left':marginLeft,'margin-top':marginTop});
			$j(this).parent().append(divback);
			
			var div = $j('<div/>');
			div.attr('id','modal');
			marginLeft = (w/2)*(-1)+'px';
			marginTop = (h/2)*(-1)+'px';
			div.css({'overflow' : 'hidden', 'height' : h+'px', 'width' : w+'px','margin-left':marginLeft,'margin-top':marginTop});
			$j(this).parent().append(div);
			$j(div).append('<img src="'+url+'" />');
			
			var lien = $j('<a>');
			lien.addClass('closebtn');
			lien.attr('href','#none');
			marginLeft = (w-52)+'px';
			marginTop = (-1)*(h+8)+'px';
			lien.css({'margin-left':marginLeft,'margin-top':marginTop});
			$j(div).append(lien);
			}
		});
		
	$j('.modalplace').click(function(){
		if($j('#back').length == 0){
			tab = $j(this).attr('rel').split('||');
			w = eval(tab[0]);
			h = eval(tab[1]);
			url = tab[2];
					
			var divback = $j('<div/>');
			divback.attr('id','back');
			marginLeft = ((w+10)/2)*(-1)+'px';
			marginTop = '10px';
			divback.css({'position':'absolute','height' : (h+20)+'px', 'width' : (w+10)+'px','margin-left':marginLeft,'margin-top':marginTop});
			$j(this).parent().append(divback);
			
			var div = $j('<div/>');
			div.attr('id','modal');
			marginLeft = (w/2)*(-1)+'px';
			marginTop = (h/2)*(-1)+'px';
			div.css({'overflow' : 'hidden', 'height' : h+'px', 'width' : w+'px','margin-left':marginLeft,'margin-top':marginTop});
			$j(this).parent().append(div);
			$j(div).append('<img src="'+url+'" />');
			
			var lien = $j('<a>');
			lien.addClass('closebtn');
			lien.attr('href','#none');
			marginLeft = (w-52)+'px';
			marginTop = (-1)*(h+8)+'px';
			lien.css({'margin-left':marginLeft,'margin-top':marginTop});
			$j(div).append(lien);
			}
		});
	
	// fermeture de la modal		
	$j('.closebtn').live('click',function(){
		$j('#back,#modal').remove();
		});
	});