function uploadStartInit(){
	document.getElementById("subLoadingImg").style.display = "block";
	document.getElementById("sortGuide").style.display = "block";
}

function fileQueueError(file, errorCode, message) {
	try {

		var imageName = "error.gif";
		var errorName = "";
		if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
			//errorName = "너무 많은 파일을 선택하셨습니다. 파일 제한 20개";
			errorName = twiplRes.get("js.upload_handlers.too_many");
		}
		
		if(errorCode === SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT) {
			//errorName = "사진 한장 당 최대 10MB까지 업로드 가능합니다. ";
			errorName = twiplRes.get("js.upload_handlers.upload_limit");
		}

		if (errorName !== "") {
			alert(errorName);
			return;
		}

		switch (errorCode) {
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
			imageName = "zerobyte.gif";
			alert(file.name + " : " + message);
			break;
		case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
			imageName = "toobig.gif";
			alert(file.name + " : " + message);
			break;
		case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
			alert(file.name + " : " + message);
			break;
		default:
			alert(message);
			break;
		}

		//addImage("0", "{fileUrl:'http://image.twipl.net/images/common/" + imageName + "',filePath:'', fileName:'"+file.name+"', fileId:'0000'}");

	} catch (ex) {
		this.debug(ex);
	}

}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if (numFilesQueued > 0) {
			//총 사진 갯수 +
			//var lastPhotoTotalCnt = $("photoTotalCnt").innerHTML;
			//$("photoTotalCnt").innerHTML = eval(lastPhotoTotalCnt)+numFilesSelected;		
			this.startUpload();
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadProgress(file, bytesLoaded) {
	try {
		var percent = Math.ceil((bytesLoaded / file.size) * 100);

		var progress = new FileProgress(file,  this.customSettings.upload_target);
		progress.setProgress(percent);
		if (percent === 100) {
			//progress.setStatus("썸네일 만드는 중...");
			progress.setStatus(twiplRes.get("js.upload_handlers.making_thumbnails"));
			progress.toggleCancel(false, this);
		} else {
			//progress.setStatus("업로드 중...");
			progress.setStatus(twiplRes.get("js.upload_handlers.now_uploading"));
			progress.toggleCancel(true, this);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	try {
		addImage(file.size, serverData);

		var progress = new FileProgress(file,  this.customSettings.upload_target);

		//progress.setStatus("썸네일을 만들었습니다.");
		progress.setStatus(twiplRes.get("js.upload_handlers.makin_thumbnails_complete"));
		progress.toggleCancel(false);
		$('shortUrlCnt').value = "24";
		CheckLen();

	} catch (ex) {
		this.debug(ex);
	}
}

function uploadComplete(file) {
	try {
		/*  I want the next upload to continue automatically so I'll call startUpload here */
		if (this.getStats().files_queued > 0) {
			this.startUpload();
		} else {
			var progress = new FileProgress(file,  this.customSettings.upload_target);
			progress.setComplete();
			//progress.setStatus("모든 이미지가 업로드 되었습니다.");
			progress.setStatus(twiplRes.get("js.upload_handlers.uploading_complete"));
			
			//모든 이미지 업로드 후 완료 버튼 활성화..
			//$("btnSubmit").style.visibility="visible";
			//$("btnSubmitInfo").style.visibility="visible";
			
			progress.toggleCancel(false);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadError(file, errorCode, message) {
	var imageName =  "error.gif";
	var progress;
	try {

		switch (errorCode) {
		case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
			try {
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Cancelled");
				progress.toggleCancel(false);
			}
			catch (ex1) {
				this.debug(ex1);
			}
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
			try {
				progress = new FileProgress(file,  this.customSettings.upload_target);
				progress.setCancelled();
				progress.setStatus("Stopped");
				progress.toggleCancel(true);
			}
			catch (ex2) {
				this.debug(ex2);
			}
		case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
			imageName = "uploadlimit.gif";
			alert(file.name + " : " + message);
			break;
		default:
			alert(file.name + " : " + message);
			break;
		}

		//addImage("0", "{fileUrl:'http://image.twipl.net/images/common/" + imageName + "',filePath:'', fileName:'', fileId:'0000'}");

	} catch (ex3) {
		this.debug(ex3);
	}

}

function addImage(size, src) {	
	eval("var objJson = " + src);
	var src = objJson.fileUrl;
	var strFilePath = objJson.filePath;
	var strFileName = objJson.fileName;
	
	var fileId = objJson.fileId;
	var newLi = new Element('li', {id:'li_'+fileId, 'class':'listLi'});
	var newDl = new Element('dl', {id:fileId});

	/* 서버에서 업로드 오류 발생시 처리하는 부분입니다. */
	if (fileId == "-9999") {
		src = "http://image.twipl.net/images/common/error.gif";
		strFilePath = "";
		fileId = "0000";
	}
		
	var newDt = new Element('dt');
	var newImg = new Element('img', {src:src, id:'img_' + fileId});
	newDt.appendChild(newImg);
	var newDd = new Element('dd', {'class': "rotateBtn"});
	var newDd2 = new Element('dd', {'class': "deleteBtn"});
	//사진을 올리는 사람의 Tid
	var tbid = document.getElementById('numTid').value;
	if(fileId != "0000"){
		var objInput = new Element('input', {name: 'arrFileIdList', type: 'hidden', value: fileId});
		document.getElementById('fmContent').appendChild(objInput);				
 
		var newA = new Element('a', {href:"javascript:photoRotate('"+tbid+"','"+fileId+"','90')", title: twiplRes.get("js.upload_handlers.img_rotate")}).update(twiplRes.get("js.upload_handlers.img_rotate"));
		newDd.appendChild(newA);

		var newA2 = new Element('a', {href:"javascript:photoDel('"+tbid+"','"+fileId+"','"+strFilePath+"','"+strFileName+"')", title: twiplRes.get("js.upload_handlers.img_delete")}).update(twiplRes.get("js.upload_handlers.img_delete"));
		newDd2.appendChild(newA2);

	}else{
		var failTextNode = document.createTextNode(strFileName);
		newDd.appendChild(failTextNode);  						
	}	
	
	newDl.appendChild(newDt);
	newDl.appendChild(newDd);
	newDl.appendChild(newDd2);
	
	newLi.appendChild(newDl);

	objUploadImgList = $("uploadImgList");
	if(objUploadImgList){
		if(objUploadImgList.style.display == "none"){
			if($("divInfo")){
				$("divInfo").style.display = "none";
				$("divFileProgressContainer").style.display = "block";
			}
			objUploadImgList.style.display = "block";	
			$('list').appendChild(newLi);
		}else{
			$('list').appendChild(newLi);
		}
	}else{
		objUploadImgList = $("uploadImgList_add");
		if(objUploadImgList.style.display == "none"){
			$("divInfo_add").style.display = "none";
			$("divFileProgressContainer").style.display = "block";
			objUploadImgList.style.display = "block";
			$('list').appendChild(newLi);
		}else{
			$('list').appendChild(newLi);
		}		
	}

	Sortable.create("list",{tag:'li', overlap:'horizontal', constraint: false});		
	return;
	
	if (newImg.filters) {
		try {
			newImg.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 0;
		} catch (e) {
			// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
			newImg.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + 0 + ')';
		}
	} else {
		newImg.style.opacity = 0;
	}

	newImg.onload = function () {
		fadeIn(newImg, 0);
	};
	alert("end: " + src);
	newImg.src = src;
}

function fadeIn(element, opacity) {
	var reduceOpacityBy = 5;
	var rate = 30;	// 15 fps


	if (opacity < 100) {
		opacity += reduceOpacityBy;
		if (opacity > 100) {
			opacity = 100;
		}

		if (element.filters) {
			try {
				element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity;
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ')';
			}
		} else {
			element.style.opacity = opacity / 100;
		}
	}

	if (opacity < 100) {
		setTimeout(function () {
			fadeIn(element, opacity);
		}, rate);
	}
}



/* ******************************************
 *	FileProgress Object
 *	Control object for displaying file info
 * ****************************************** */

function FileProgress(file, targetID) {
	this.fileProgressID = "divFileProgress";

	this.fileProgressWrapper = document.getElementById(this.fileProgressID);
	if (!this.fileProgressWrapper) {
		this.fileProgressWrapper = document.createElement("div");
		this.fileProgressWrapper.className = "progressWrapper";
		this.fileProgressWrapper.id = this.fileProgressID;

		this.fileProgressElement = document.createElement("div");
		this.fileProgressElement.className = "progressContainer";
		
		var progressCancel = document.createElement("a");
		progressCancel.className = "progressCancel";
		progressCancel.href = "#";
		//progressCancel.style.visibility = "hidden";
		progressCancel.style.display = "none";
		progressCancel.appendChild(document.createTextNode(" "));

		var progressText = document.createElement("div");
		progressText.className = "progressName";
		progressText.appendChild(document.createTextNode(file.name));

		var progressBar = document.createElement("div");
		progressBar.className = "progressBarInProgress";

		var progressStatus = document.createElement("div");
		progressStatus.className = "progressBarStatus";
		progressStatus.innerHTML = "&nbsp;";

		this.fileProgressElement.appendChild(progressCancel);
		this.fileProgressElement.appendChild(progressText);
		this.fileProgressElement.appendChild(progressStatus);
		this.fileProgressElement.appendChild(progressBar);

		this.fileProgressWrapper.appendChild(this.fileProgressElement);

		document.getElementById(targetID).appendChild(this.fileProgressWrapper);
		fadeIn(this.fileProgressWrapper, 0);

	} else {
		this.fileProgressElement = this.fileProgressWrapper.firstChild;
		this.fileProgressElement.childNodes[1].firstChild.nodeValue = file.name;
	}

	this.height = this.fileProgressWrapper.offsetHeight;

}
FileProgress.prototype.setProgress = function (percentage) {
	this.fileProgressElement.className = "progressContainer green";
	this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
	this.fileProgressElement.childNodes[3].style.width = percentage + "%";
};
FileProgress.prototype.setComplete = function () {
	this.fileProgressElement.className = "progressContainer blue";
	this.fileProgressElement.childNodes[3].className = "progressBarComplete";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setError = function () {
	this.fileProgressElement.className = "progressContainer red";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setCancelled = function () {
	this.fileProgressElement.className = "progressContainer";
	this.fileProgressElement.childNodes[3].className = "progressBarError";
	this.fileProgressElement.childNodes[3].style.width = "";

};
FileProgress.prototype.setStatus = function (status) {
	this.fileProgressElement.childNodes[2].innerHTML = status; 
};

FileProgress.prototype.toggleCancel = function (show, swfuploadInstance) {
	this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden";
	if (swfuploadInstance) {
		var fileID = this.fileProgressID;
		this.fileProgressElement.childNodes[0].onclick = function () {
			swfuploadInstance.cancelUpload(fileID);
			return false;
		};
	}
};