/**
 * FancyUpload Showcase
 *
 * @license		MIT License
 * @author		Harald Kirschner <mail [at] digitarald [dot] de>
 * @copyright	Authors
 */

window.addEvent('domready', function() {

	// One Roar instance for our notofications, positioned in the top-right corner of our demo.
	var log = new Roar({
		container: $('demo'),
		position: 'topRight',
		duration: 5000
	});
	
	var link = $('select-0');
	var linkIdle = link.get('html');
	
	function linkUpdate() {
		if (!swf.uploading) return;
		var size = Swiff.Uploader.formatUnit(swf.size, 'b');
		link.set('html', '<span class="small">' + swf.percentLoaded + '% of ' + size + '</span>');
	}

	// Uploader instance
	var swf = new Swiff.Uploader({
		//path: '../../source/Swiff.Uploader.swf',
		//url: '../script.php',
		path: 'scripts/fancyupload/source/Swiff.Uploader.swf',
		url: 'scripts/fancyupload/showcase/script.php',
		verbose: true,
		queued: false,
		multiple: false,
		target: link,
		instantStart: true,
		typeFilter: {
			'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'
		},
		fileSizeMax: 10 * 1024 * 1024,
		onSelectSuccess: function(files) {
			if (Browser.Platform.linux) window.alert('Warning: Due to a misbehaviour of Adobe Flash Player on Linux,\nthe browser will probably freeze during the upload process.\nSince you are prepared now, the upload will start right away ...');
			log.alert('Starting Upload', 'Uploading <em>' + files[0].name + '</em> (' + Swiff.Uploader.formatUnit(files[0].size, 'b') + ')');
			this.setEnabled(false);
		},
		onSelectFail: function(files) {
			log.alert('<em>' + files[0].name + '</em> was not added!', 'Please select an image smaller than 2 Mb. (Error: #' + files[0].validationError + ')');
		},
		appendCookieData: true,
		onQueue: linkUpdate,
		onFileComplete: function(file) {
			
			// We *don't* save the uploaded images, we only take the md5 value and create a monsterid ;)
			if (file.response.error) {
				log.alert('Failed Upload', 'Uploading <em>' + this.fileList[0].name + '</em> failed, please try again. (Error: #' + this.fileList[0].response.code + ' ' + this.fileList[0].response.error + ')');
			} else {
				var md5 		= JSON.decode(file.response.text, true).hash; // secure decode
				var filenamer 	= JSON.decode(file.response.text, true).name;
				var imagewidth 	= JSON.decode(file.response.text, true).width 
				//log.alert('Successful Upload', 'an MD5 hash was created from <em>' + this.fileList[0].name + '</em>: <code>' + md5 + '</code>.<br />gravatar.com generated a fancy and unique monsterid for it, since we did not save the image.');
				log.alert('Successful Upload', 'Your image has been uploaded and saved, thank you.');

				var img = $('demo-portrait');
				//img.setStyle('background-image', img.getStyle('background-image').replace(/\w{32}/, md5));
				//img.setStyle('background-image', img.getStyle('background-image').replace(/\w{32}/, filenamer));
				img.setStyle('background-image', 'url(\'uploads_dogs/thumb_' + filenamer + '\')');
				//document.forms['myform'].my_tf.value = "abc" ;
				document.getElementById('hiddenfilename').value = filenamer;
				document.getElementById('select-0').style.display = 'none';
				img.setStyle('width', imagewidth);

				img.highlight();
			}
			
			file.remove();
			this.setEnabled(true);
		},
		onComplete: function() {
			link.set('html', linkIdle);
		}
	});

	// Button state
	link.addEvents({
		click: function() {
			return false;
		},
		mouseenter: function() {
			this.addClass('hover');
			window.scrollTo(0,0);
			swf.reposition();
		},
		mouseleave: function() {
			this.removeClass('hover');
			this.blur();
		},
		mousedown: function() {
			this.focus();						
		}
	});

});