// JavaScript Document
$(document).ready(function() {
	//creation de la popup et de l'arrière plan					   
	//$(this).addClass('thactive');
		
		
		getPop = function() {
			var tPop = 
				"<div id='bGpopUp'>" + "</div>"+"<div id='popUp'>"+"<div id='closePop'"+"</div>"+"<div id='contenu_pop'>"+"<div>"+"</div>";
			return tPop;
		}
		
		
	//declanchement de la popUp					   
	$('.popUp').click(function(){
			var liens = $(this).attr('title');				
			//alert(liens);
			$("body").prepend(getPop());
			$("#bGpopUp").css({'opacity': '0.5'});
			$('#bGpopUp').fadeIn();
			$('#contenu_pop').css({'opacity': '0'});
		
			$('#contenu_pop').load(liens, function(){
				
						var lelement = $('#contenu_pop').children().outerWidth();
						var helement = $('#contenu_pop').children().outerHeight();
				
				
				
					
					recize(lelement, helement);	
			});
			$('#closePop').click(function(){
				//closePop();				   
	 		});
			$('#bGpopUp').click(function(){
				closePop();				   
	 		});
	})	
	//fermeture de la popUp
	function closePop(){
			$('#bGpopUp').remove();
			$('#popUp').remove();
	}
	//redimentionnement de la popUp en fonction du contenu
	function recize(lelement,helement){
			$("#popUp").animate({width:lelement+'px',height:helement+'px', marginTop :'-'+(helement/2)+'px', marginLeft :'-'+(lelement/2)+'px'},500, "easeOutQuad",function(){ 
			if ($.browser.msie){
				$('#contenu_pop').css({'position': 'absolute'});
				$('#contenu_pop').css({'margin-left': '-'+($("#contenu_pop").width()-16)+'px'});};
			$('#contenu_pop').animate({'opacity': '1'},500);});
	}
});