$(document).ready(function() {
						   
		var resetWindow = function(hash) {
			 
				hash.w.empty(); 
				hash.o.remove();
				
		};
		
  		$('#modalWindow').jqm({
			ajax: '@rel', 
			overlay:75, 
			trigger: '.clickable',
			onHide: resetWindow
			
			});
  
   $('.clickable').click(function () {
		 
		 var tilePos = $(this).position();
		 var newWindowPos = tilePos.top-95;
		 $('.jqmWindow').css({'top': newWindowPos});
		});
   
   
   /* $('.clickable').click(function () {
		 
		 var tilePos = $(this).position();
		 var newWindowPos = tilePos.top-($('.jqmWindow').height()/3);
		 $('.jqmWindow').css({'top': newWindowPos});
		});
   */
   
   /*  $('.clickable').click(function () {
		 
		 var tilePos = $(this).position();
		 var modalH = $('.jqmWindow').height();
		 var winH = $(window).height();
		 $('.jqmWindow').css({'top': newWindowPos});
		});*/
   
   /* legacy 2
   $('.clickable').click(function () {
		 var winH = $(window).height();
		 var modalH = $('.jqmWindow').height();
		 var newWindowPos = winH/3;
		 $('.jqmWindow').css({'top': newWindowPos});
		});*/
           
  
 /* legacy
 $('.clickable').click(function () {
		 var winH = $('#tilesContainer').height();
		 var modalH = $('.jqmWindow').height();
		 $('.jqmWindow').css("top",winH/2-modalH/2);
		});
*/

});