//jQuery.noConflict();

jQuery(document).ready(function(){	

	jQuery('#mthsp').draggable();

	jQuery('img.staffPicture').click(function(){	
		
		// reset layer
		jQuery('div.staffgalwrapper').remove();	
		
		
		var parentDiv = jQuery(this).parent('div.staffBox');
				
		
		var title =  parentDiv.find('div.galhidden.galsummary').html();
		var content = parentDiv.find('div.galhidden.galfulldesc').html();
		var picture = jQuery(this).attr('src');
		
		
		if (title === null) title = ' ';
		if (content === null) content=' ';
		
		// make new layer
		var positionTop = 	jQuery(window).height() / 2 - 230 - (-jQuery(window).scrollTop());	

		var wrapper = '<div class="staffgalwrapper outerpair1" style="top:'+positionTop+'px"><div class="outerpair2"><div class="shadowbox"><div class="innerbox staffgalinnerbox">';
		wrapper += '<div class="galmenu"><div style="width:92%;float:left;text-align:left;margin-top:5px;text-indent:5px;">The Waldorf Center For Plastic Surgery</div>';
		wrapper += '<div style="width:8%;float:left;margin-top:3px;"><img id="close" style="cursor:pointer" src="/img/galleryclose.jpg"/></div></div>';
				
		wrapper += '<div class="staffgaltitle" style="width:100%">'+title+'</div>';		
		wrapper += '<div id="clickClose" style="margin-top: 20px">';
		wrapper += '<div style="width:40%;margin-left:10px;float:left;"><img src="'+picture+'" style="margin-top: 5px; border:5px solid #4597A8;"></div>';
		wrapper += '<div class="staffgaltext">'+content+'</div>'
		wrapper += '</div>'
		wrapper += '</div></div></div></div>';
		
		jQuery('body').append(wrapper);
		jQuery('#close').click(function(){	
			jQuery('div.staffgalwrapper').remove();
		});
		
		jQuery('#clickClose').click(function(){	
			jQuery('div.staffgalwrapper').remove();
		});
		
		
		jQuery('div.staffgalwrapper').draggable();
	});
});