/* Demo Note:  This demo uses a FileProgress class that handles the UI for displaying the file name and percent complete.
The FileProgress class is not part of SWFUpload.
*/


/* **********************
   Event Handlers
   These are my custom event handlers to make my
   web application behave the way I went when SWFUpload
   completes different tasks.  These aren't part of the SWFUpload
   package.  They are part of my application.  Without these none
   of the actions SWFUpload makes will show up in my application.
   ********************** */
function fileQueued(file) {
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setStatus("Pending...");
		progress.toggleCancel(true, this);

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

}

function fileQueueError(file, errorCode, message) {
	try {
		if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
			alert("You have attempted to queue too many files.\n" + (message === 0 ? "You have reached the upload limit." : "You may select " + (message > 1 ? "up to " + message + " files." : "one file.")));
			return;
		}

		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setError();
		progress.toggleCancel(false);

		switch (errorCode) {
		case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
			progress.setStatus("File is too big.");
			this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
			progress.setStatus("Cannot upload Zero Byte files.");
			this.debug("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
			progress.setStatus("Invalid File Type.");
			this.debug("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		default:
			if (file !== null) {
				progress.setStatus("Unhandled Error");
			}
			this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		}
	} catch (ex) {
        this.debug(ex);
    }
}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if (numFilesSelected > 0) {
			document.getElementById(this.customSettings.cancelButtonId).disabled = false;
		}
		
		/* I want auto start the upload and I can do that here */
		this.startUpload();
	} catch (ex)  {
        this.debug(ex);
	}
}

function uploadStart(file) {
	try {
		/* I don't want to do any file validation or anything,  I'll just update the UI and
		return true to indicate that the upload should start.
		It's important to update the UI here because in Linux no uploadProgress events are called. The best
		we can do is say we are uploading.
		 */
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setStatus("Uploading...");
		progress.toggleCancel(true, this);
	}
	catch (ex) {}
	
	return true;
}

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

		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setProgress(percent);
		progress.setStatus("Uploading...");
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		addImage(serverData);
		/*if (serverData.substring(0, 7) === "FILEID:") {
			addImage("thumbnail.php?id=" + serverData.substring(7));

		//	progress.setStatus("Thumbnail Created.");
			progress.toggleCancel(false);
			//alert(file.name +" - "+file.id);
		} else {
			addImage("images/error.gif",file);
			progress.setStatus("Error.");
			progress.toggleCancel(false);
			alert(serverData);

		}*/
		
		progress.setComplete();
		progress.setStatus("Complete.");
		progress.toggleCancel(false);
	

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

function uploadError(file, errorCode, message) {
	try {
		var progress = new FileProgress(file, this.customSettings.progressTarget);
		progress.setError();
		progress.toggleCancel(false);

		switch (errorCode) {
		case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
			progress.setStatus("Upload Error: " + message);
			this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
			progress.setStatus("Upload Failed.");
			this.debug("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.IO_ERROR:
			progress.setStatus("Server (IO) Error");
			this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
			progress.setStatus("Security Error");
			this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
			progress.setStatus("Upload limit exceeded.");
			this.debug("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
			progress.setStatus("Failed Validation.  Upload skipped.");
			this.debug("Error Code: File Validation Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
			// If there aren't any files left (they were all cancelled) disable the cancel button
			if (this.getStats().files_queued === 0) {
				document.getElementById(this.customSettings.cancelButtonId).disabled = true;
			}
			progress.setStatus("Cancelled");
			progress.setCancelled();
			break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
			progress.setStatus("Stopped");
			break;
		default:
			progress.setStatus("Unhandled Error: " + errorCode);
			this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
			break;
		}
	} catch (ex) {
        this.debug(ex);
    }
}

function uploadComplete(file) {
	if (this.getStats().files_queued === 0) {
		document.getElementById(this.customSettings.cancelButtonId).disabled = true;
	}
}

// This event comes from the Queue Plugin
function queueComplete(numFilesUploaded) {
	var status = document.getElementById("divStatus");
	status.innerHTML = numFilesUploaded + " file" + (numFilesUploaded === 1 ? "" : "s") + " uploaded.";
}

function addImage(src) {

	var newImg = document.createElement("img");
	newImg.style.margin = "5px";
	 
	var randfolder = src.substring(0,2);
	var dataid = src.substring(2,34);
	var filename = src.substring(34);

       newImg.onclick = function(){window.open('http://www.upit.in.th/show.php?id='+dataid); };
       newImg.onmouseover = function(){window.statusbar = 'http://www.upit.in.th/show.php?id='+dataid;};
       newImg.onmouseout = function(){window.statusbar = '';};
	
	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	
	var spaceTab = document.createElement("br");
	
	var row = document.createElement("tr");
            
    var cell1 = document.createElement("td");
	var cell2 = document.createElement("td");
	
	cell1.width = "250px";
        cell1.id = "imagetd";
	cell1.bgColor = "#eaeaea";
	cell2.bgColor = "#eaeaea";
                
    row.appendChild(cell1);
	row.appendChild(cell2);
	
	cell1.appendChild(newImg);
	
	var r1 = document.createElement("tr");
	var r2 = document.createElement("tr");
	var r3 = document.createElement("tr");
	var r4 = document.createElement("tr");
	var r5 = document.createElement("tr");
	var r6 = document.createElement("tr");
	var r7 = document.createElement("tr");
	var r8 = document.createElement("tr");
	var r9 = document.createElement("tr");
	var r10 = document.createElement("tr");
	var r11 = document.createElement("tr");
	var r12 = document.createElement("tr");
	
	cell2.appendChild(r1);
	cell2.appendChild(r2);
	cell2.appendChild(r3);
	cell2.appendChild(r4);
	cell2.appendChild(r5);
	cell2.appendChild(r6);
	cell2.appendChild(r7);
	cell2.appendChild(r8);
	cell2.appendChild(r9);
	cell2.appendChild(r10);
	cell2.appendChild(r11);
	cell2.appendChild(r12);
	
	var cellText1 = document.createTextNode("Link to Show Image");
    r1.appendChild(cellText1);
	var cellText2 = document.createTextNode("Direct Link");
    r3.appendChild(cellText2);
	var cellText3 = document.createTextNode("Full Image HTML code");
    r5.appendChild(cellText3);
	var cellText4 = document.createTextNode("Thumbnail Image HTML code");
    r7.appendChild(cellText4);
	var cellText5 = document.createTextNode("Full Image BB code");
    r9.appendChild(cellText5);
	var cellText6 = document.createTextNode("Thumbnail Image BB code");
    r11.appendChild(cellText6);
	       
	var input = document.createElement("input");
	input.id = "showimage";
	input.name = "showimage";
	input.type = "text";
	input.value = "http://www.upit.in.th/show.php?id="+dataid;
	input.style.margin = "5px";
	input.size = "40";
    input.readOnly = "readonly";
	input.onmouseover = function() {this.focus();this.select();};
	r2.appendChild(input);
	
	var input1 = document.createElement("input");
	input1.id = "directlink";
	input1.name = "directlink";
	input1.type = "text";
	input1.value = "http://www.upit.in.th/i/"+randfolder+"/"+filename;
	input1.style.margin = "5px";
	input1.size = "40";
    input1.readOnly = "readonly";
	input1.onmouseover = function() {this.focus();this.select();};
	r4.appendChild(input1);
	
	var input2 = document.createElement("input");
	input2.id = "fullimagehtml";
	input2.name = "fullimagehtml";
	input2.type = "text";
	input2.value = "<a href=\"http://upit.in.th/show.php?id="+dataid+"\" target=\"_blank\"><img src=\"http://www.upit.in.th/i/"+randfolder+"/"+filename+"\" ></a>";
	input2.style.margin = "5px";
	input2.size = "40";
    input2.readOnly = "readonly";
	input2.onmouseover = function() {this.focus();this.select();};
	r6.appendChild(input2);
	
	var input3 = document.createElement("input");
	input3.id = "thumbimagehtml";
	input3.name = "thumbimagehtml";
	input3.type = "text";
	input3.value = "<a href=\"http://upit.in.th/show.php?id="+dataid+"\" target=\"_blank\"><img src=\"http://www.upit.in.th/t/"+randfolder+"/t_"+filename+"\" ></a>";
	input3.style.margin = "5px";
	input3.size = "40";
    input3.readOnly = "readonly";
	input3.onmouseover = function() {this.focus();this.select();};
	r8.appendChild(input3);
	
	var input4 = document.createElement("input");
	input4.id = "fullimagebb";
	input4.name = "fullimagebb";
	input4.type = "text";
	input4.value = "[url=http://upit.in.th/show.php?id="+dataid+"][img]http://www.upit.in.th/i/"+randfolder+"/"+filename+"[/img][/url]";
	input4.style.margin = "5px";
	input4.size = "40";
    input4.readOnly = "readonly";
	input4.onmouseover = function() {this.focus();this.select();};
	r10.appendChild(input4);
	
	var input5 = document.createElement("input");
	input5.id = "thumbimagebb";
	input5.name = "thumbimagebb";
	input5.type = "text";
	input5.value = "[url=http://upit.in.th/show.php?id="+dataid+"][img]http://www.upit.in.th/t/"+randfolder+"/t_"+filename+"[/img][/url]";
	input5.style.margin = "5px";
	input5.size = "40";
    input5.readOnly = "readonly";
	input5.onmouseover = function() {this.focus();this.select();};
	r12.appendChild(input5);
	
	tblBody.appendChild(row);
	
    tbl.appendChild(tblBody);
	
	document.getElementById("thumbnails").appendChild(tbl);
	document.getElementById("thumbnails").appendChild(spaceTab);
        document.getElementById("allfullhtml").value += "<a href=\"http://upit.in.th/show.php?id="+dataid+"\" target=\"_blank\"><img src=\"http://www.upit.in.th/i/"+randfolder+"/"+filename+"\" ></a> ";
	document.getElementById("alltmbhtml").value += "<a href=\"http://upit.in.th/show.php?id="+dataid+"\" target=\"_blank\"><img src=\"http://www.upit.in.th/t/"+randfolder+"/t_"+filename+"\" ></a> ";
	document.getElementById("allfullbb").value += "[url=http://upit.in.th/show.php?id="+dataid+"][img]http://www.upit.in.th/i/"+randfolder+"/"+filename+"[/img][/url] ";
	document.getElementById("alltmbbb").value += "[url=http://upit.in.th/show.php?id="+dataid+"][img]http://www.upit.in.th/t/"+randfolder+"/t_"+filename+"[/img][/url] ";
	
	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);
	};
	newImg.src = "t/"+randfolder+"/t_"+filename;
	newImg.l
}


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);
	}
}