function fileQueueError(file, errorCode, message) {
	try {
		var imageName = "error.gif";
		var errorName = "";
		if (errorCode === SWFUpload.errorCode_QUEUE_LIMIT_EXCEEDED) {
			errorName = "You have attempted to queue too many files.";
		}

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

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

		addImageB("swfupload/images/" + imageName);

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

}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if (numFilesQueued > 0) {
			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("Creating thumbnail...");
			progress.toggleCancel(false, this);
		} else {
			progress.setStatus("Uploading...");
			progress.toggleCancel(true, this);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccess(file, serverData) {
	try {
		var progress = new FileProgress(file,  this.customSettings.upload_target);

		if (serverData.substring(0, 7) === "FILEID:") {
//			addImage("thumbnail.php?id=" + serverData.substring(7));
		// Pass url/pass to the image in /status
			addImage(serverData.substring(7));

			progress.setStatus("Thumbnail Created.");
			progress.toggleCancel(false);
		} else {
			addImageB("swfupload/images/error.gif");
			progress.setStatus("Error.");
			progress.toggleCancel(false);
			alert(serverData);

		}


	} 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("All images received.");
			progress.toggleCancel(false);
			stillMoreImages = false;
			insertButtons();
		}
	} 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";
			break;
		default:
			alert(message);
			break;
		}

//		addImage("../../swfupload/images/" + imageName);
		addImageB("swfupload/images/" + imageName);

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

}


function addImageB(src) {
	var newImg = document.createElement("img");
	newImg.style.margin = "5px";

	document.getElementById("thumbnails").appendChild(newImg);
	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 = src;
	return;
}
function addImage(src) {
	var newImg = document.createElement("img");
	newImg.style.margin = "5px";

//	document.getElementById("thumbnails").appendChild(newImg);
	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);
	};
	var tempIndexW;
	var tempIndexH;
	var tempIndexFN;
	var url;
	tempIndexW = src.lastIndexOf('&w=');
	tempIndexH = src.lastIndexOf('&h=');
	url = src.substring(0,tempIndexW);
	newImg.src = url;
	tempIndexFN = url.lastIndexOf('/');
	tempIndexFN++;
	tempIndexFN = url.substring(tempIndexFN);
	imageList = imageList + imageComma + tempIndexFN;
	imageComma= ':::';
//	newImg.src = src;

//	Added text to thumbnail image area (AK)
var header1 = document.createTextNode(' ');
var header2 = document.createTextNode(IC_HEADER_WIDTH);
var header3 = document.createTextNode(IC_HEADER_HEIGHT);
var header4 = document.createTextNode(IC_HEADER_STATUS);
var projector1 = document.createTextNode(IC_HEADER_PROJECTOR);
var projector2 = document.createTextNode(IC_PROJECTOR_W);
var projector3 = document.createTextNode(IC_PROJECTOR_H);
var projector4 = document.createTextNode(' ');
var inputW = '';
var inputH = '';
	tempIndexW = tempIndexW +3;
	inputW = src.substring(tempIndexW, tempIndexH);
	tempIndexH = tempIndexH +3;
	inputH = src.substring(tempIndexH);
var image1 = document.createTextNode(IC_HEADER_IMAGE);
var image2 = document.createTextNode(inputW);
var image3 = document.createTextNode(inputH);
var image4 = document.createTextNode(' ');
var temp;
var tempIndex;
	tempIndex = url.lastIndexOf('/');
	tempIndex++;
	temp = url.substring(tempIndex);
var text1 = document.createTextNode(temp);
var text0 = document.createTextNode(IC_HEADER_RESULTS);
var summary0 = document.createTextNode(' ');
var summary1 = document.createTextNode(IC_HEADER_SUMMARY);
var message  = IC_ERROR_FITS;
var messageW = IC_ERROR_WIDE + inputW + ' > '+IC_PROJECTOR_W;
var messageH = IC_ERROR_TALL + inputH + ' > '+IC_PROJECTOR_H;
var messageB = IC_ERROR_BOTH + inputW + ' > '+IC_PROJECTOR_W+' and '+inputH+' > '+IC_PROJECTOR_H;
var messageS = IC_ERROR_SMALL + inputW + ' > '+IC_SMALL_W+' and '+inputH+' < '+IC_SMALL_H;
var messageZ = IC_ERROR_SIZE;
var messageM = IC_ERROR_MIME;
var statusColor = IC_PASSED_COLOR;
var statusMessage = IC_HEADER_PASSED;
	passedCounter++;
//	Too wide
	if (inputW > IC_PROJECTOR_Wn) {
		message = messageW;
		statusColor = IC_FAILED_COLOR;
		statusMessage = IC_HEADER_FAILED;
		passedCounter--;
	}
//	Too tall
	if (inputH > IC_PROJECTOR_Hn) {
		message = messageH;
		statusColor = IC_FAILED_COLOR;
		statusMessage = IC_HEADER_FAILED;
		passedCounter--;
	}
//	Too wide and too tall
	if (inputW > IC_PROJECTOR_Wn && inputH > IC_PROJECTOR_Hn) {
		message = messageB;
		statusColor = IC_FAILED_COLOR;
		statusMessage = IC_HEADER_FAILED;
		passedCounter--;
	}
//	Too small
	if (inputW < IC_SMALL_Wn && inputH < IC_SMALL_Hn) {
		message = messageS;
		statusColor = '';
		passedCounter--;
	}
var summary2 = document.createTextNode(message);
var summary3 = document.createTextNode(statusMessage);
var text2 = document.createTextNode('Text2');
var htmlTable = document.createElement("TABLE");
var htmlBody = document.createElement("TBODY");
var htmlTR1	= document.createElement("TR");
var htmlTR02 = document.createElement("TR");
var htmlTR03 = document.createElement("TR");
var htmlTR04 = document.createElement("TR");
var htmlTR05 = document.createElement("TR");
var htmlTR06 = document.createElement("TR");
var htmlTR07 = document.createElement("TR");
var htmlTD1	= document.createElement("TD");
var htmlTD2	= document.createElement("TD");
var htmlTD03 = document.createElement("TD");
var htmlTD04 = document.createElement("TD");
var htmlTD05 = document.createElement("TD");
var htmlTD06 = document.createElement("TD");
var htmlTD07 = document.createElement("TD");
var htmlTD08 = document.createElement("TD");
var htmlTD09 = document.createElement("TD");
var htmlTD10 = document.createElement("TD");
var htmlTD11 = document.createElement("TD");
var htmlTD12 = document.createElement("TD");
var htmlTD13 = document.createElement("TD");
var htmlTD14 = document.createElement("TD");
var htmlTD15 = document.createElement("TD");
var htmlTD16 = document.createElement("TD");
var htmlTD17 = document.createElement("TD");
var htmlTD18 = document.createElement("TD");
var htmlBR0	= document.createElement("BR");
var htmlBR1	= document.createElement("BR");
var htmlBR2	= document.createElement("BR");
var htmlBR3	= document.createElement("BR");
var htmlTable2 = document.createElement("TABLE");
var htmlBody2 = document.createElement("TBODY");

	htmlTable.border = "0";
	htmlTD1.setAttribute("width","300px");
	htmlTD2.setAttribute("width","500px");
	htmlTD2.setAttribute("valign","top");
	htmlTD1.insertBefore(newImg, null);
//	Create inner table
	htmlTable2.border = "0";
//	Table headings
	htmlTD03.insertBefore(header1, null);
	htmlTD04.insertBefore(header2, null);
	htmlTD05.insertBefore(header3, null);
	htmlTD06.insertBefore(header4, null);
	htmlTR02.insertBefore(htmlTD03, null);
	htmlTR02.insertBefore(htmlTD04, null);
	htmlTR02.insertBefore(htmlTD05, null);
	htmlTR02.insertBefore(htmlTD06, null);
	htmlBody2.insertBefore(htmlTR02, null);
//	Projector information	
	htmlTD07.insertBefore(projector1, null);
	htmlTD08.insertBefore(projector2, null);
	htmlTD09.insertBefore(projector3, null);
//	htmlTD10.setAttribute("bgcolor","#3333FF");
	htmlTD10.insertBefore(projector4, null);
	htmlTR03.insertBefore(htmlTD07, null);
	htmlTR03.insertBefore(htmlTD08, null);
	htmlTR03.insertBefore(htmlTD09, null);
	htmlTR03.insertBefore(htmlTD10, null);
	htmlBody2.insertBefore(htmlTR03, null);
//	Image information	
	htmlTD11.insertBefore(image1, null);
	htmlTD12.insertBefore(image2, null);
	htmlTD13.insertBefore(image3, null);
	htmlTD14.insertBefore(image4, null);
	htmlTR04.insertBefore(htmlTD11, null);
	htmlTR04.insertBefore(htmlTD12, null);
	htmlTR04.insertBefore(htmlTD13, null);
	htmlTR04.insertBefore(htmlTD14, null);
	htmlBody2.insertBefore(htmlTR04, null);
//	Evaluation/Summary/Results
//	htmlTD18.setAttribute("colspan","4");
//	htmlTD18.insertBefore(summary0, null);
//	htmlTR07.insertBefore(htmlTD18, null);
//	htmlBody2.insertBefore(htmlTR07, null);
	htmlTD15.setAttribute("colspan","4");
	htmlTD15.insertBefore(summary0, null);
	htmlTD15.insertBefore(htmlBR3, null);
	htmlTD15.insertBefore(summary1, null);
	htmlTR05.insertBefore(htmlTD15, null);
	htmlBody2.insertBefore(htmlTR05, null);
	htmlTD16.setAttribute("colspan","3");
	htmlTD16.insertBefore(summary2, null);
	if (statusColor != '') {
		htmlTD17.setAttribute("bgcolor",statusColor);
	}
	htmlTD17.insertBefore(summary3, null);
	htmlTR06.insertBefore(htmlTD16, null);
	htmlTR06.insertBefore(htmlTD17, null);
	htmlBody2.insertBefore(htmlTR06, null);
	htmlTable2.insertBefore(htmlBody2, null);
//	Inner table complete

	htmlTD2.insertBefore(text0, null);
	htmlTD2.insertBefore(htmlBR0, null);
	htmlTD2.insertBefore(text1, null);
	htmlTD2.insertBefore(htmlBR1, null);
	htmlTD2.insertBefore(htmlBR2, null);
	htmlTD2.insertBefore(htmlTable2, null);
	htmlTR1.insertBefore(htmlTD1, null);
	htmlTR1.insertBefore(htmlTD2, null);
	htmlBody.insertBefore(htmlTR1, null);
	htmlTable.insertBefore(htmlBody, null);
	document.getElementById("thumbnails").appendChild(htmlTable);
}
function insertButtons() {
//	Add Return and Continue buttons as required
	if (stillMoreImages) { return; }
var htmlTable3 = document.createElement("TABLE");
var htmlBody3 = document.createElement("TBODY");
var htmlTR30 = document.createElement("TR");
var htmlTR31 = document.createElement("TR");
var htmlTR32 = document.createElement("TR");
var htmlTR33 = document.createElement("TR");
var htmlTD30 = document.createElement("TD");
var htmlTD31 = document.createElement("TD");
var htmlTD32 = document.createElement("TD");
var htmlTD33 = document.createElement("TD");
var htmlTD34 = document.createElement("TD");
var htmlTD35 = document.createElement("TD");
var buttonText1 = document.createTextNode(IC_BUTTON_RETURN_COMMENT);
var buttonText2 = document.createTextNode(' ');
var buttonText3 = document.createTextNode(IC_BUTTON_OR_COMMENT);
var buttonText4 = document.createTextNode(IC_BUTTON_CONTINUE_COMMENT);
var button30 = document.createElement("INPUT"); 
button30.setAttribute("id", "buttonReturn"); 
button30.setAttribute("value", IC_BUTTON_RETURN); 
button30.setAttribute("type", "button"); 
//button30.setAttribute("onClick", "window.location='"+urlReturn+"';");
button30.setAttribute("onClick", "javascript:execRouter('"+urlReturn+"');");
var button31 = document.createElement("INPUT"); 
button31.setAttribute("id", "buttonContinue"); 
button31.setAttribute("value", IC_BUTTON_CONTINUE); 
button31.setAttribute("type", "button"); 
//button31.setAttribute("onClick", "window.location='"+urlContinue+"';");
button31.setAttribute("onClick", "javascript:execRouter('"+urlContinue+"');");
//	Return button always
		htmlTD30.insertBefore(button30, null);
		htmlTD31.insertBefore(buttonText1, null);
		htmlTR30.insertBefore(htmlTD30, null);
		htmlTR30.insertBefore(htmlTD31, null);
		htmlBody3.insertBefore(htmlTR30, null);
	if (passedCounter == PASSED) {
		htmlTD32.insertBefore(buttonText2, null);
		htmlTD33.insertBefore(buttonText3, null);
		htmlTR31.insertBefore(htmlTD32, null);
		htmlTR31.insertBefore(htmlTD33, null);
		htmlBody3.insertBefore(htmlTR31, null);
		htmlTD34.insertBefore(button31, null);
		htmlTD35.insertBefore(buttonText4, null);
		htmlTR32.insertBefore(htmlTD34, null);
		htmlTR32.insertBefore(htmlTD35, null);
		htmlBody3.insertBefore(htmlTR32, null);
	}
	htmlTable3.insertBefore(htmlBody3, null);
	document.getElementById("thumbnails").appendChild(htmlTable3);
}

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