$(document).ready(function() {
        
		$('.trigger').click(function(){
			showPop(this);
			
		});
		
		function showPop(popup){
			$('.popbg').animate({ 
		        width: "580px",
				height: "463px",
				left: "10",
				top: "10",
		        opacity: 0.5		        
		      }, 500, '', function(){ $(popup).next().show(); $('#comp-close').show(); $('#comp-close2').show() } );
		}
		
		$('#comp-close').click(function(){
			$(this).hide();
			$('#comp-close2').hide();
			$('.popup').hide();
			
			$('.popbg').animate({ 
		        opacity: 0,
				width: "0px",
				height: "0px",
				left: "290px",
				top: "220px"
		      }, 500 );
		});
		
		$('#comp-close2').click(function(){
			$(this).hide();
			$('#comp-close').hide();
			$('.popup').hide();
			
			$('.popbg').animate({ 
		        opacity: 0,
				width: "0px",
				height: "0px",
				left: "290px",
				top: "220px"
		      }, 500 );
		});
		
    });