/*
 * 
 * 	External JS script for Testo script
 *  Test version
 * 
 * 
 * 
 */

(function($) { 
	$(document).ready(function() {
		
		$('#testo').click(function(){
		
					
			 //Adding lightbox like elements to display the test
		     $('<div id="popup"><div id="popupframe"></div></div>').prependTo('body'); 
		     $('<div id="popupbg"></div>').insertAfter('#popup');
		      
		     //Add the test iframe and close button
		     $('#popupframe').html('<a href="#" id="close" class="close"><img src="http://www.interactievetest.nl/app/images/close.png" /></a><iframe src="http://www.interactievetest.nl/app/index.php/showform/showit/'+testo_id+'/iframe_big" height="700" width="600" frameborder="no" scrolling="no"></iframe>');
		     $('#close').css({'position':'absolute','top':'29px','right':'50px'});
		  	 
			 //Fade the element in
		     $('#popup').fadeIn(); 
		     $('#popupbg').fadeIn();
			  
		  	 //Remove the HTML test lightbox
		  	 $('#close').click(function(){
			  	$('#popup').remove();
			 	$('#popupbg').remove();
			  });
		  
		  });
		  
		  
		 
	 });
	 	  
})(jQuery);