<!--
/**
 * 이미지의 폭을 변경시킨다.
 * oImage : image Object (required)
 * nWidth : 기준 넓이 (required)
 * nHeight : 기준 높이 (required)
 * bEnlarge : 작은이미지도 크게 만드는 옵션(optional : default false)
 *
 * [사용예] 반드시 unique 한 id 지정할것..
 * <img id="myImage" onload="resizeImage(this, 120, 120, true)" style="visibility:hidden">
 *
 * [설명]
 *   virtualImage 객체의 width, height 값을 체크하여 로딩을 확인한다.
 *   oImage 의 virtualImage 를 이용하여 외부로 인자를 넘긴다
 *   (이미지가 여러개이므로 전역변수 사용안하고 자기정보는 자기객체에 셋팅)
 *   oImage.virtualImage : 자기자신의 복사본 가상 이미지
 *   oImage.tracker : virtualImage 의 로딩상태를 체크하는 Thread
 */
function resizeImage(oImage, nWidth, nHeight, bEnlarge) {
    
    // checking parameter
    
    if (oImage.id == null) {
    	alert("Required unique image.id property !!");
    	return;
    }
    bEnlarge = (bEnlarge != null) ? bEnlarge : false;
	
	// create virtualImage
    var virtualImage = new Image();
    virtualImage.src = oImage.src;
    oImage.virtualImage = virtualImage;
    
    // wait loading time
    var interval = 1000;    // millisecond
    var timeout = 10000;  // millisecond
    var startTime = (new Date()).getTime();
	
	var sEval = "trackImageLoading('" + oImage.id + "', " + nWidth + ", " + 
					nHeight + ", " + bEnlarge + "," + startTime + ", " + timeout + ")";
    oImage.tracker = window.setTimeout(sEval, interval);
}


/**
 * 이미지가 로딩됨을 일정간격으로 체크한다.
 *
 * sImageId : image Object (required)
 * nWidth : 기준 넓이 (required)
 * nHeight : 기준 높이 (required)
 * bEnlarge : 작은이미지도 크게 만드는 옵션(optional)
 */
function trackImageLoading(sImageId, nWidth, nHeight, bEnlarge, startTime, timeout) {
	var oImage = document.getElementById(sImageId);
    var nowTime = (new Date()).getTime();
	
	if (oImage.tracker == null) {
		return;
	}
	
    if ((nowTime - startTime) >= timeout) { // timeout
        // set loading fail image
        oImage.virtualImage = null;
        oImage.style.visibility = "hidden";
        
        // stop thread
    	if (oImage.tracker != null) {
	    	window.clearTimeout(oImage.tracker);
	    	oImage.tracker = null;
	    }
    } else {
    	if (oImage.virtualImage.width > 0
    				&& oImage.virtualImage.height > 0) {
        	
        	// image resize
        	var x = oImage.virtualImage.width;
	        var y = oImage.virtualImage.height;
			
			if (nWidth > 0 && nHeight > 0) {
		        if ((nWidth / nHeight) >= (x / y)) {
		            if (oImage.virtualImage.height > nHeight || bEnlarge) {
		                x = Math.floor((nHeight * oImage.virtualImage.width / oImage.virtualImage.height));
		                y = nHeight;
		            }
		        } else {
		            if (oImage.virtualImage.width > nWidth || bEnlarge) { // to small by width base
		                x = nWidth;
		                y = Math.floor((nWidth * oImage.virtualImage.height / oImage.virtualImage.width));
		            }
		        }
			} else {
				if (nHeight > 0) { // width base
					if (oImage.virtualImage.height > nHeight || bEnlarge) {
						x = Math.floor((nHeight * oImage.virtualImage.width / oImage.virtualImage.height));
						y = nHeight;
					}
				} else if (nWidth > 0) { // height base
					if (oImage.virtualImage.width > nWidth || bEnlarge) {
						x = nWidth;
						y = Math.floor((nWidth * oImage.virtualImage.height / oImage.virtualImage.width));
					}
				}
			}
	        
	        oImage.width = x;
	        oImage.height = y;
	        oImage.style.visibility = "visible";

			// stop thread
			if (oImage.tracker != null) {
	        	window.clearTimeout(oImage.tracker);
	        	oImage.tracker = null;
	        }
        }
    }
}

/**
 * 원본 이미지를 팝업으로 보여준다.
 * @param imageURL (required) 이미지URL
 * @param domain (required) document.domain값
 * @param width (optional) 넓이
 * @param height (optional) 높이
 */
function openImagePopup(imageURL, width, height) {
	
	var sFeatures = "toolbar=0,location=0,menubar=0,status=1";
	var popupURL = "http://www.miclub.com/common/image_popup.jsp";
	if (width != null && height != null) {
		
		if (width > window.screen.width || height > window.screen.height) {
			sFeatures += ",scrollbars=1,resizable=1";
			
			width = (width > window.screen.width) ? window.screen.width - 100 : width;
			height = (height > window.screen.height) ? window.screen.height - 100 : height;
			width += 16;
			height += 16;
		} else {
			sFeatures += ",scrollbars=0,resizable=0";
		}
		
		popupURL += "?image=" + imageURL + "&width=" + width + "&height=" + height;
		var top = Math.ceil((window.screen.height - height) / 2) - Math.ceil((27+20) / 2);
		var left= Math.ceil((window.screen.width  - width) / 2);
		sFeatures += ",width=" + width + ",height=" + height + "," +
				"top=" + top + ",left=" + left;
		window.open(popupURL, "openImagePopup", sFeatures);
	} else {
		popupURL += "?image=" + imageURL;
		sFeatures += ",width=20,height=20";
		window.open(popupURL, "openImagePopup", sFeatures);
	}
}

/**
 * 이미지 파일 여부를 체크한다.
 * @param fileName (required) 이미지URL
 * @return gif, jpg, jpeg, png 파일이면 true
 */
function isImageFile(file) {
	if (file == null && file.length == 0) {
		return false;
	}
	return /\.gif$|\.jpg$|\.jpeg$|\.png$/i.test(file);
	//return /\.jpg$|\.jpeg$|\.png$/i.test(file);
}
//-->