$(document).ready(function(){

if($("#iso_image").position()!=null){
	$('#iso_image_container').css({'top':$("#iso_image").position().top - 73, 'left':$("#iso_image").position().left - 14,'z-index' : '0', 	'position':'relative', 'display': 'none', 'width' : '0px', 'height' : '0px', 'background-color':'#fff'});
}
$("#iso_image").hover(function() {

	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	
	//Set heigth and width to mask to fill up the whole screen
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	
	//transition effect		
	$('#mask').fadeIn(1000);	
	$('#mask').fadeTo("slow",0.8);	


	$('#iso_image_container').append("<img src='images/iso_certificate_orig.jpg' id='iso_image_orig'/>");

	$('#iso_image_container').css({'z-index' : '999999999', 'position':'absolute', 'background-color' : '#fff', 'display': ''}).stop()
		.animate({			
			width: '532px', /* Set new width */
			height: '757px' /* Set new height */

		}, 600); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
		/* Set z-index back to 0 */
	});


$("#iso_image_container").hover(function() {
	} , function() {
	$('#iso_image_container').css({'z-index' : '0', 'position':'relative', 'display': 'none', 'width' : '0px', 'height' : '0px'});
	$('#iso_image_container').html('');
	$('#mask').hide();
});


});