// JavaScript Document




$(function(){
		
	$('.popup').bind('click',function(){
		
		elt=$(this).attr('alt');
		content=$('#'+elt).html();
		titre=$(this).html()
		
		
		
		
		$('BODY').prepend('<div class="popupbg"></div>');
		$('.popupbg').hide().css({opacity:'0.5',cursor:'pointer'}).fadeIn(300, function(){
			$('.popupbg').before('<div class="popupwindow"><div class="popupcontent"></div></div>')
			$('.popupwindow').hide().css('opacity','1').animate({'height':'379px','width':'692px',marginLeft:'-369px',marginTop:'-146px'},400,null,function(){
				$('.popupcontent').html(content)
										
				$(".popupwindow").append('<div id="retour">[ <a id="popupretourlink" href="javascript:void(0)">Retour</a> ]</div><div id="popupcontact">Je n\'ai pas trouv&eacute; r&eacute;ponse &agrave; ma question sur le site ? <a href="contacts.php">contactez-nous</a> </div>')
      			$('#scrollPane').jScrollPane({showArrows:true});
				
				$('.popupbg , #popupretourlink').bind('click', function(){
					$('.popupcontent').html('');
					$(".popupwindow").html('');
					$('.popupwindow').hide().animate({'height':'50px','width':'50px',marginLeft:'-25px',marginTop:'-25px'}, function(){
						$(this).remove();
						$('.popupbg').fadeOut(500, function(){
							$(this).remove()
						})		
					})
				})
				

			})
			
			
		})										   						   
	})
	
	if(document.location.href.indexOf('q4')!=-1){
		
		elt="q4";
		content=$('#'+elt).html();
		titre=$(this).html()
		
		
		
		
		$('BODY').prepend('<div class="popupbg"></div>');
		$('.popupbg').hide().css({opacity:'0.5',cursor:'pointer'}).fadeIn(300, function(){
			$('.popupbg').before('<div class="popupwindow"><div class="popupcontent"></div></div>')
			$('.popupwindow').hide().css('opacity','1').animate({'height':'379px','width':'692px',marginLeft:'-369px',marginTop:'-146px'},400,null,function(){
				$('.popupcontent').html(content)
										
				$(".popupwindow").append('<div id="retour">[ <a id="popupretourlink" href="javascript:void(0)">Retour</a> ]</div><div id="popupcontact">Je n\'ai pas trouv&eacute; r&eacute;ponse &agrave; ma question sur le site ? <a href="contacts.php">contactez nous</a> </div>')
      			$('#scrollPane').jScrollPane({showArrows:true});
				
				$('.popupbg , #popupretourlink').bind('click', function(){
					$('.popupcontent').html('');
					$(".popupwindow").html('');
					$('.popupwindow').hide().animate({'height':'50px','width':'50px',marginLeft:'-25px',marginTop:'-25px'}, function(){
						$(this).remove();
						$('.popupbg').fadeOut(500, function(){
							$(this).remove()
						})		
					})
				})
				

			})
			
			
		})	
		
	}
})