function showOverlay (target) {
	modalBoxWidth = parseInt($(target).find('.modalBox').css('width'));
	//$(target).find('.modalBox').css('left',(window.innerWidth - modalBoxWidth )/2 + window.pageXOffset +'px');
	//$(target).find('.modalBox').css('top',window.pageYOffset + 60 +'px');
	$(target).find('.modalBox').css('left',($(window).width() - modalBoxWidth )/2 + $(document).scrollLeft() +'px');
	$(target).find('.modalBox').css('top',$(document).scrollTop() + 60 +'px');
	$(target).css('display','block');
	$(target).css('minHeight',$(document).height());
	
	// force iphone to zoom to modalbox
	$(target).find('.modalBox input').first().focus();
	
	/*var meta;
	meta = document.createElement('meta');
	meta.name = "viewport";
	meta.content = "minimum-scale = 1";
	meta.id = "forceZoom";
	document.getElementsByTagName('head').item(0).appendChild(meta);*/
	
	
	$(target).click( function(e) {
			if (e.target.className == "modalBoxHolder" || e.target.className == "closeBtn"){
				closeOverlay (target);
				return false;
			}
	});
	
	// disable all inputs in #pageWrapper in order to avoid wrong focus
	$('#pageWrapper input:not(:disabled)').addClass('tempDisabled').attr('disabled','disabled');
	$('#pageWrapper select:not(:disabled)').addClass('tempDisabled').attr('disabled','disabled');
	$('#pageWrapper textarea:not(:disabled)').addClass('tempDisabled').attr('disabled','disabled');
	
}

function closeOverlay (target) {
	$(target).unbind('click');
	$(target).css('display','none');
	// enable all temp disabled inputs in #pageWrapper
	$('#pageWrapper input.tempDisabled').removeAttr('disabled').removeClass('tempDisabled');
	$('#pageWrapper select.tempDisabled').removeAttr('disabled').removeClass('tempDisabled');
	$('#pageWrapper textarea.tempDisabled').removeAttr('disabled').removeClass('tempDisabled');
	
	//$('#forceZoom').remove();
}