(function($) {
$.fn.zoom_images = function(options) {
	var defaults = {
             type_z: ''
           };
    var opts = $.extend(defaults, options);

	$(this).live("click", function ()
	{
		if (opts['type_z']=='zi')
		{
			//добавляем контейнер для диалога увеличения
			$("body").append("<div id='modal_zoom'></div>");
			//добавляем новое изображение, которое будет увеличенным
			$("#modal_zoom").append("<img src='' id='zimg' />");
			//прячем его
			$("#modal_zoom").hide();
			//устанавливаем ссылку на увеличенное изображение от маленького
			$("#zimg").attr("src",$(this).attr("src"));
			//задаём ширину увеличенного изображения
			$("#zimg").css("width",($(this).attr("width")*2));
			$("#modal_zoom").append("<br><p class='modal_text' style='cursor:pointer'>Закрыть</p>");
																
			//добавляем серую затеняющую область
			$("body").append("<div id='modal_gray'></div>");
			$("#modal_gray").hide();
			$("#modal_gray").css("background-color","black")
							.css("position","absolute")
							.css("top",0)
							.css("left",0)
							.css("z-index","100")
							.css("width",$(window).width())
							.css("height",$(document).height())
							.css("opacity",0.6);
			$("#modal_gray").fadeIn(200);
					
			//позиционируем увеличенное
			$("#modal_zoom").css("position","absolute")
	  						.css("top",($(window).height()/2-$("#modal_zoom").height()/2)+$(window).scrollTop())	
	  						.css("left",($(window).width()/2-$("#modal_zoom").width()/2)+$(window).scrollLeft())
	   						.css("z-index","110");
			$("#modal_zoom").fadeIn(400); 
		}
		if (opts['type_z']=='zo')
		{
	 			$("#modal_zoom").fadeOut(200, function () { $("#modal_zoom").remove(); $(".modal_text").remove(); $("#zimg").remove(); $("#modal_gray").remove();});
		}
	});
};
})(jQuery);