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

		addImage("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("Загружается...");
			progress.toggleCancel(true, this);
		}
	} catch (ex) {
		this.debug(ex);
	}
}

function uploadSuccessE(file, serverData) {
	try {
		var progress = new FileProgress(file,  this.customSettings.upload_target);
		if (serverData.substring(0, 7) === "FILEID:") {
			document.getElementById("current_foto").innerHTML = '';
//			addImage("../../images/test/"+file.name);
			var filename = file.name; 
			for (i in image_sizes) {
				document.getElementById("thumbnails").innerHTML += "<input type='hidden' name='new_img' value='1'>"+ 
				"<div style='float: left; margin-right: 10px;' id='thumbnails"+i+"'>"+
				"<a href='#' onclick=\"javascript: initJcropE('"+filename.toLowerCase()+"', '"+i+"', "+image_sizes[i]['width']+", "+image_sizes[i]['height']+");\"><img src='../../../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+i+"'></a><br>"+
				image_sizes[i]['width']+"x"+image_sizes[i]['height']+
				"</div>";
			}
			
			document.getElementById("image_name").value = filename.toLowerCase();
			progress.toggleCancel(false);
		} else {
			addImage("/images/swfupload/error.gif");
			progress.setStatus("Error.");
			progress.toggleCancel(false);
			alert(serverData);

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

function uploadSuccessGallery(file, serverData){
	try {
		var progress = new FileProgress(file,  this.customSettings.upload_target);
		if (serverData.substring(0, 7) === "FILEID:") {
			var i = document.getElementById("foto_counter").value;
			var filename = file.name; 
			document.getElementById("uploaded_images").innerHTML += "<div style='margin-right: 10px;' id='thumbnails"+i+"'>"+
			"<img src='../../../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+i+"'><br>"+
			"<input type=\"checkbox\" name=\"crop"+i+"\" value=\"1\" onclick=\"javascript: initJcropGallery('"+filename.toLowerCase()+"', '"+i+"', 190, 190); initJcropNew"+i+"('"+i+"', 190, 190)\"> - 190x190"+
			"</div>";

			document.getElementById("foto_counter").value = (i*1)+1;
			
			progress.toggleCancel(false);
		} else {
			addImage("/images/swfupload/error.gif");
			progress.setStatus("Error.");
			progress.toggleCancel(false);
			alert(serverData);

		}
	} 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("../../../img/uploads/temp/"+file.name);
			var filename = file.name;
			document.getElementById("divFileProgressContainer").innerHTML = "<img src='../../../img/uploads/temp/"+filename.toLowerCase()+"' border='0' width='150' style='margin: 5px;'>";
			document.getElementById("image_name").value = filename.toLowerCase(); 
//			for (i in image_sizes) {
//				document.getElementById("thumbnails").innerHTML += "<div style='float: left; margin-right: 10px;' id='thumbnails"+i+"'>"+
//				"<a href='#' onclick=\"javascript: initJcrop('"+filename.toLowerCase()+"', '"+i+"', "+image_sizes[i]['width']+", "+image_sizes[i]['height']+");\"><img src='../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+i+"'></a><br>"+
//				image_sizes[i]['width']+"x"+image_sizes[i]['height']+
//				"</div>";
//			}
			
			document.getElementById("image_name").value = filename.toLowerCase();
			progress.toggleCancel(false);
		} else {
			addImage("/images/swfupload/error.gif");
			progress.setStatus("Error.");
			progress.toggleCancel(false);
			alert(serverData);

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

function initJcropGallery(filename, number, width, height){
	document.getElementById("thumbnails"+number).innerHTML = "<img src='../../../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+number+"'>"+
	"<input type=\"checkbox\" name=\"crop"+number+"\" value=\"1\" checked > - "+width+"x"+height+
	"<input type='hidden' name='filename"+number+"' value='"+filename.toLowerCase()+"'>";
}

function initJcrop(filename, type, width, height)
{
	document.getElementById("thumbnails"+type).innerHTML = "<img src='../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+type+"'>"+
	"<input type=\"checkbox\" name=\"crop"+type+"\" value=\"1\"> - "+width+"x"+height;
	
	jcrop_api = $.Jcrop('#cropbox'+type);
	if(type == '300_width'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoords300_width,
			sideHandles: false
		});
	}else if(type == 'slider'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoordsslider,
			sideHandles: false
		});
	}else if(type == 'main'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoordsmain,
			sideHandles: false
		});
	}
		
}

function initJcropE(filename, type, width, height)
{
	document.getElementById("thumbnails"+type).innerHTML = "<img src='../../../../images/test/"+filename.toLowerCase()+"' border='0' id='cropbox"+type+"'>"+
	"<input type=\"checkbox\" name=\"crop"+type+"\" value=\"1\"> - "+width+"x"+height;
	
	jcrop_api = $.Jcrop('#cropbox'+type);
	if(type == '300_width'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoords300_width,
			sideHandles: false
		});
	}else if(type == 'slider'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoordsslider,
			sideHandles: false
		});
	}else if(type == 'main'){
		jcrop_api.setOptions({
			bgColor: 'navy',
			allowSelect: true,
			aspectRatio: width / height,
			boxWidth:			500,
			allowResize:		true,
			maxSize:			[ 0, 0 ],
			minSize:			[ 0, 0 ],
			onSelect: updateCoordsmain,
			sideHandles: false
		});
	}
		
}

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);
			
//			initJcrop();
		}
	} 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("images/" + imageName);

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

}


function addImage(src) {
	var newImg = document.createElement("img");

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

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