var zoomImage = function(img){
	$(".ZoomObj").remove();
	if($(".ZoomBackground").get(0)){
		var background = $(".ZoomBackground").get(0);
	}else{
		var background = document.createElement("div");
		background.className = "ZoomBackground";
		$(background).css({"display":"none","position":"absolute","left":"0px","top":"0px","width":document.body.scrollWidth+"px","height":(document.body.scrollHeight)+"px","background-color":"#000000","opacity":"0.8","z-index":"100"});
	}
	var zoomObj = document.createElement("div");
	zoomObj.className = "ZoomObj";
	var zoomDiv = document.createElement("div");
	zoomDiv.className = "ZoomDiv";
	var src1 = img.src.replace(g4_url,".");
	var src2 = img.src.replace(g4_url,g4_path);
	src1 = src1.replace("thumbs/","");
	src2 = src2.replace("thumbs/","");
	$.ajax({ 
		url : g4_path+"/getImgSize.php?data=?",
		data : {img : src1},
		dataType : "jsonp",
		type : "post",
		global : true,
		success : function(data){
			var zoomImg = document.createElement("img");
			zoomImg.src = src2;
			zoomImg.title = img.title;
			zoomImg.id = data.width+"|"+data.height;
			if(data.width > 800 || data.height > 600){
				if(data.height > data.width){
					var dx = data.width / data.height;
					var width = 600 * dx;
					var height = 600;
				}else{
					var dx = data.height / data.width;
					var width = 800;
					var height = 800 * dx;
				}
				$(zoomImg).css({"cursor":"pointer"});
				$(zoomImg).click(function(){
					var tmp = this.id.split("|");
					var imgZoom = window.open("","imgZoom","width="+tmp[0]+",height="+tmp[1]+",resizable=no,scrollbars=yes");
					imgZoom.document.body.style.padding = "0px";
					imgZoom.document.body.style.margin = "0px";
					imgZoom.document.title = this.title;
					var imgHtml = '<img src="'+this.src+'" style="cursor:pointer" onclick="self.close();">';
					imgZoom.document.body.innerHTML = imgHtml;
				});
			}else{
				var width = data.width;
				var height = data.height;
			}
			$(zoomImg).css({"width":width+"px","height":height+"px"});
			$(zoomDiv).css({"width":width+"px","height":height+"px","overflow":"hidden","margin":"5px 5px 0px 5px"});
			$(zoomObj).css({"display":"none","position":"absolute","width":(width+10)+"px","height":(height + 40)+"px","z-index":"110","left":"50%","top":((document.body.offsetHeight / 2) + document.body.scrollTop)+"px","margin-left":"-"+((width+10) / 2)+"px","margin-top":"-"+((height + 40) / 2)+"px","overflow":"hidden","background-color":"#FFFFFF"});
			$(zoomDiv).append(zoomImg);
			$(zoomObj).append(zoomDiv);
			var ZoomNavi = document.createElement("div");
			$(ZoomNavi).css({"width":width+"px","height":"25px","background-color":"#FFFFFF","margin":"5px 5px 5xp 5px"});
			var title = document.createElement("div");
			$(title).css({"width":(width - 95) + "px","height":"25px","float":"left","font-weight":"bold","font-size":"14px","text-align":"center","line-height":"25px"});
			$(title).html(img.title);
			var n = $("."+img.className).size();
			var pre = 0;
			var next = 0;
			for(i=0;i<n;i++){
				if(i > 0 && $("."+img.className).get(i).src == img.src){
					pre = i;
				}
				if(i < n-1 && $("."+img.className).get(i).src == img.src){
					next = i + 2;
				}
			}
			var PreObj = document.createElement("div");
			$(PreObj).css({"font-family":"굴림","font-size":"16px","width":"30px","height":"25px","float":"left","text-align":"center","line-height":"25px"});
			if(pre > 0){
				$(PreObj).html("◀");
				PreObj.title = "이전";
				PreObj.id = img.className+"|"+$("."+img.className).get(pre - 1).src;
				$(PreObj).css({"cursor":"pointer"});
				$(PreObj).click(function(){
					var tmp = this.id.split("|");
					zoomImage($("."+tmp[0]+"[src="+tmp[1]+"]").get(0));
				});
			}
			var NextObj = document.createElement("div");
			$(NextObj).css({"font-family":"굴림","font-size":"16px","width":"30px","height":"25px","float":"left","text-align":"center","line-height":"25px"});
			if(next > 0){
				$(NextObj).html("▶");
				NextObj.title = "다음";
				NextObj.id = img.className+"|"+$("."+img.className).get(next - 1).src;
				$(NextObj).css({"cursor":"pointer"});
				$(NextObj).click(function(){
					var tmp = this.id.split("|");
					zoomImage($("."+tmp[0]+"[src="+tmp[1]+"]").get(0));
				});
			}
			var CloseObj = document.createElement("div");
			$(CloseObj).css({"width":"35px","height":"25px","float":"left","text-align":"center","line-height":"25px","font-style":"italic","font-weight":"bold","cursor":"pointer"});
			$(CloseObj).html("close");
			CloseObj.title = "닫기";
			$(CloseObj).click(function(){
				$(".ZoomObj").animate({opacity: "hide"},"fest",function(){$(".ZoomObj").remove();});
				$(".ZoomBackground").animate({opacity: "hide"},"fest",function(){
					$(".ZoomBackground").remove();
				});
			});
			$(ZoomNavi).append(PreObj);
			$(ZoomNavi).append(title);
			$(ZoomNavi).append(NextObj);
			$(ZoomNavi).append(CloseObj);
			$(zoomObj).append(ZoomNavi);
			if(!$(".ZoomBackground",$("body").get(0)).get(0)){
				$("body").prepend(background);
				$(".ZoomBackground").animate({opacity: "show"},"fest",function(){
					$("body").prepend(zoomObj);
					$(".ZoomObj").animate({width:"show",opacity: "show"},"fest");
				});
			}else{
				$("body").prepend(zoomObj);
				$(".ZoomObj").animate({width:"show",opacity: "show"},"fest");
			}
		}
	});
}