/* <![CDATA[ */
/**
 * FancyUpload Showcase
 *
 * @license     MIT License
 * @author      Harald Kirschner <mail [at] digitarald [dot] de>
 * @copyright   Authors
 */
window.addEvent('domready', function() { // wait for the content

        // our uploader instance
    
    var up = new FancyUpload2($('demo-status'), $('demo-list'), { // options object
// we console.log infos, remove that in production!!
verbose: true,

// url is read from the form, so you just have to change one place
url: $('form-demo').action,

// path to the SWF file
path: 'test_upload_images/source/Swiff.Uploader.swf',

		// remove that line to select all files, or edit it, add more items
		typeFilter: {
			'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'
		},
		
		// this is our browse button, *target* is overlayed with the Flash movie
		target: 'demo-browse',
		
		// graceful degradation, onLoad is only called if all went well with Flash
		onLoad: function() {
			$('demo-status').removeClass('hide'); // we show the actual UI
			$('demo-fallback').destroy(); // ... and hide the plain form
			
			// We relay the interactions with the overlayed flash to the link
			this.target.addEvents({
				click: function() {
					return false;
				},
				mouseenter: function() {
					this.addClass('hover');
				},
				mouseleave: function() {
					this.removeClass('hover');
					this.blur();
				},
				mousedown: function() {
					this.focus();
				}
			});

			// Interactions for the 2 other buttons
			
			
			$('demo-clear').addEvent('click', function() {
				up.remove(); // remove all files
				return false;
			});
			
			$('demo-upload').addEvent('click', function() {
				var count = up.fileList.length;
				//alert(count);
				var remain = 3 - uploaded_photos;
				if(count>remain){
                    if(remain==0){
                         alert('Uz nemozte uplaodnut fotografie. (Max 3)');
                    } else 
				    alert('Mozte dat uploadnut uz iba '+remain+' fotografii!');
                } else {
			    up.start(); // start upload
			    }
				return false;
			});
		},
		
		// Edit the following lines, it is your custom event handling
		
		/**
		 * Is called when files were not added, "files" is an array of invalid File classes.
		 * 
		 * This example creates a list of error elements directly in the file list, which
		 * hide on click.
		 */ 
		onSelectFail: function(files) {
			files.each(function(file) {
				new Element('li', {
					'class': 'validation-error',
					html: file.validationErrorMessage || file.validationError,
					title: MooTools.lang.get('FancyUpload', 'removeTitle'),
					events: {
						click: function() {
							this.destroy();
						}
					}
				}).inject(this.list, 'top');
			}, this);
		},
		
		/**
		 * This one was directly in FancyUpload2 before, the event makes it
		 * easier for you, to add your own response handling (you probably want
		 * to send something else than JSON or different items).
		 */
		onFileSuccess: function(file, response) {
			var json = new Hash(JSON.decode(response, true) || {});
			
			if (json.get('status') == '1') {
				file.element.addClass('file-success');
				file.info.set('html', '<strong>Fotka bola poslaná:</strong> ' + json.get('width') + ' x ' + json.get('height') + 'px, <em>' + json.get('mime') + '</em>)');
				//loadToPreview('./test_upload_images/showcase/'+json.get('src'));
				//window.location.reload();
				uploaded_photos++;
				var remain = 3 - uploaded_photos;
				if(uploaded_photos<=3){
				 if(remain>0){
                     document.getElementById('demo-browse').innerHTML='<div class="layer1"><div class="layer2">Pridať fotografie do zoznamu (zostávajú ešte '+remain+')</div></div>';
                 } else {
                     document.getElementById('demo-browse').innerHTML='<div class="layer1"><div class="layer2">Už nie je možné pridať fotografie (Maximálne 3)</div></div>';
                     //up.stop();
                 }
				       
				 appendPhotoToList('test_upload_images/showcase/uploads/'+json.get('src'));
				 saveImageHandler(0,json.get('src'));
				 file.remove();
				
				} else {
				    file.element.addClass('file-failed');
				    //file.info.set('html', '<strong>Nastala chyba:</strong> ' + (json.get('error') ? (json.get('error') + ' #' + json.get('code')) : response));
				    file.info.set('html','Prekročenie maximalneho počtu fotografií');
				    document.getElementById('demo-browse').innerHTML='Už nie je možné pridať fotografie (Maximálne 3)';
				    //document.getElementById('swiff-uploader-box-span').style.display='none';
				    //document.getElementById('demo-browse').onclick = function(){alert(document.getElementById('demo-browse').innerHTML);};
				}
				
				
				
				
                //    
                //}
                
                //$(".swiff-uploader-box").html('');
                //$(".swiff-uploader-box").click(
                //    function(){
                //        alert('haha');
                //    }
                //    );
				//alerta(json.get('src'));
			} else {
				file.element.addClass('file-failed');
				file.info.set('html', '<strong>Nastala chyba:</strong> ' + (json.get('error') ? (json.get('error') + ' #' + json.get('code')) : response));
			}
			//alert('test');
		},
		
		/**
		 * onFail is called when the Flash movie got bashed by some browser plugin
		 * like Adblock or Flashblock.
		 */
		onFail: function(error) {
			switch (error) {
				case 'hidden': // works after enabling the movie and clicking refresh
					alert('To enable the embedded uploader, unblock it in your browser and refresh (see Adblock).');
					break;
				case 'blocked': // This no *full* fail, it works after the user clicks the button
					alert('To enable the embedded uploader, enable the blocked Flash movie (see Flashblock).');
					break;
				case 'empty': // Oh oh, wrong path
					alert('A required file was not found, please be patient and we fix this.');
					break;
				case 'flash': // no flash 9+ :(
				    alert('Je potrebné nainštalovať Adobe Flash player .')
			}
		}
	});
	
});
		/* ]]> */