function setSlideshow() {
	//alert("Slideshow");
	$("#PictureBar ul li img").click(function() {
		$("#PictureBar ul li.currentPic").removeClass("currentPic");
		var src = $(this).attr("src");
		$("#PictureDisplay img").animate({opacity:0}, 'fast', 'swing', function() {
			$(this).attr("src", src);
		}).animate({opacity:1}, 'slow');
		
		$(this).parents("li").addClass("currentPic");
		//alert(src);
	});	
}

function initImageUpload() {
	//alert("init Image Upload");
	if ($("#ImageURL").length>0) {
		if ($("#ImageURL").val().length>0) processImageUrl($("#ImageURL").val());
		$("#ImageURL").blur(function() {
			if ($(this).val().length>0) {
				processImageUrl($(this).val());
			}
		});
	}
	
	$("#ImageUpload").click(function() {
		//alert("Click");
		uploadImage($(this).attr("type"));
	});
}

function processImage(imageUrl) {
	//alert("processImage");
	if ($("#Filename").length > 0 ) {
		var filename = $("#Filename").val();	
		var id = $("#ID").val();	
		var type = $("#Type").val();
		var caption = $("#sCaption").val();
		$("#PhotoList").append("<li><div class='photoListThumb'><img src='/images/"+type+"s/"+id+"/"+filename+"' width='100' alt='"+filename+"' /></div><div class='photoListCaption'>"+caption+"</div><label class='photoListLabel'>Main Picture<input type='radio' id='MainPicture' name='MainPicture' value='"+filename+"' /></label></li>");
		$("#PhotoList li:last").hide().slideDown("medium");
	}
}

function uploadImage(id, type) {
	
	var openImageUpload = function() {
		//alert(id);
		//$("#Dialog3").dialog("destroy");
		$("#Dialog3").load("/screens/upload/type/"+type+"/id/"+id, '', function() {
			//ajaxform("#FileUploadForm", "#Dialog3", "processImage");
			t = setTimeout(function() {
				$("#Upload").pluploadQueue({
					// General settings
					runtimes : 'html4',
					url : "/screens/upload/type/"+type+"/id/"+id
				});
			}, 200);
		});
	}
	
	var refreshPictureList = function() {
		if(type=="car") {
			$("#PhotoList").html("<div class='loading'><img src='/images/loading.gif' alt='loading...' /><br />Loading...</div>").load("/cars/update-photos/id/"+id);
		}
	}
	
	var imageUploadOptions = {
		show: true,
		hide: true,
		width: 640,
		autoOpen: false,
		dialogClass: "dialog",
		title: 'Upload Image',
		position: [470, 100, 10, 10],
		modal: true,
		open: openImageUpload,
		close: refreshPictureList 
	}
	$("#Dialog3").dialog("destroy");
	$("#Dialog3").dialog(imageUploadOptions);
	$("#Dialog3").dialog("open");
}

function log() {
	var str = "";

	plupload.each(arguments, function(arg) {
		var row = "";

		if (typeof(arg) != "string") {
			plupload.each(arg, function(value, key) {
				// Convert items in File objects to human readable form
				if (arg instanceof plupload.File) {
					// Convert status to human readable
					switch (value) {
						case plupload.QUEUED:
							value = 'QUEUED';
							break;

						case plupload.UPLOADING:
							value = 'UPLOADING';
							break;

						case plupload.FAILED:
							value = 'FAILED';
							break;

						case plupload.DONE:
							value = 'DONE';
							break;
					}
				}

				if (typeof(value) != "function") {
					row += (row ? ', ': '') + key + '=' + value;
				}
			});

			str += row + " ";
		} else { 
			str += arg + " ";
		}
	});

	$('#log').val($('#log').val() + str + "\r\n");
}

function ajaxform(formId, tgt, callback, finish) {
	//alert(callback);
	$(formId + " input[type='submit']").click(function() {
		$(this).attr("disabled", "disabled").attr("value", "Processing...");
		$(formId).hide();
		$(tgt).append("<div class='loading'><img src='/images/loading.gif' alt='loading...' /><br />Loading...</div>");
	});
	
	var formOptions = {
		target: tgt,
		success: function() {
			//alert("Success");
			ajaxform(formId, tgt, callback, finish);
		}
	};
	
	if ($("#Success").length>0) {
		//alert(tgt);
		if (finish.length>0) window[finish]();
		$(tgt).dialog("close");
	}
	else {
		//alert(callback);
		$(formId).ajaxForm(formOptions);
		if (callback.length>0) window[callback]();
	}
}