/*
 *
 * @name		ajaxMultiFileUpload
 * @author		Kevin Crossman
 * @contact		kevincrossman@gmail.com
 * @version		2.1
 * @date			Oct 14 2008
 * @type    	 	jQuery
 *
*/
; (function($) {

    $.fn.extend({
        ajaxMultiFileUpload: function(options) { 
        	opt = $.extend({}, $.uploadSetUp.defaults, options);
            if (opt.file_types.match('jpg') && !opt.file_types.match('jpeg')) 
            	opt.file_types += ',jpeg';
            $this = $(this);
            new $.uploadSetUp();
        }
    });

    $.uploadSetUp = function() {
        $('body').append($('<div></div>').append($('<iframe src="about:blank" id="myFrame" name="myFrame"></iframe>')));
        $this.append($('<form target="myFrame" enctype="multipart/form-data" action="' + opt.ajaxFile + '" method="post" name="myUploadForm" id="myUploadForm"></form>')
            .append(
            $('<input type="hidden" name="thumb" value="' + opt.thumbFolder + '" />'),
            $('<input type="hidden" name="upload" value="' + opt.uploadFolder + '" />'),
            $('<input type="hidden" name="mode" value="' + opt.mode + '" />'),
            $('<div class="select" title="upload new picture"></div>').append($('<input id="myUploadFile" class="myUploadFile file" type="file" value="" name="file1" size="1"/>')), 
            $('<h2 class="numFiles"></h2>'), 
            $('<ul id="ul_files"></ul>')),
            $('<div class="responseMsg">Ações:</div><ul id="response"></ul>')
          );
        init();
    };

    $.uploadSetUp.defaults = {
        // image types allowed
        file_types: "jpg,gif,png",
        // php script
        ajaxFile: "upload.php",
        // maximum number of files allowed to upload
        maxNumFiles: 3,
        // if set to "demo", files are automatically deleted from server
        mode: "",
        // absolute path for upload pictures folder (don't forget to chmod)
        uploadFolder: "/ajaxMultiFileUpload/upload/",
        // absolute path for thumbnail folder (don't forget to chmod)
        thumbFolder: "/ajaxMultiFileUpload/thumb/"
    };

    function init() {

        // if file type is allowed, submit form
        $('#myUploadFile').livequery('change', function() { 
        	if (checkFileType(this.value)) 
        		$('#myUploadForm').submit(); 
        });
        // execute event.submit when form is submitted
        $('#myUploadForm').submit(function() { 
        	return event.submit(this); 
        });
        // delete uploaded file
        $(".delete").livequery('click', function() {
            // avoid duplicate function call
            $(this).unbind('click');
            // determine how to delete based on demo mode
            (opt.mode == "demo") ? _demoDelete($(this)) : _delete($(this));
        });
        $('#ul_files li input.legenda').livequery('focus',function(){
          if($(this).val() == 'Clique para adicionar uma legenda')
            $(this).val('');
        });
        $('#ul_files li input.legenda').livequery('blur',function(){
          if ($(this).val() == '')
            $(this).val('Clique para adicionar uma legenda');
        });

        // function to handle form submission using iframe
        var event = {
            // setup iframe
            frame: function(_form) {
                $("#myFrame")
                	.empty()
                	.one('load',  function() { event.loaded(this, _form) });
            },
            // call event.submit after submit
            submit: function(_form) {
                $('.select').addClass('waiting');
                event.frame(_form);
            },
            // display results from submit after loades into iframe
            loaded: function(id, _form) {
                var d = frametype(id),
                data = d.body.innerHTML.replace(/^\s+|\s+$/g, '');
                eval(data);
                $('.select.waiting').removeClass('waiting');
                
                // if no problem reported from submit
                if (typeof pst === 'undefined') {
                    
                    var problem = '<P>Houve um problema durante o upload</P>';
                    if (data.length) problem += '<LI><SPAN>A resposta do servidor foi</SPAN> ' + data + '</LI>';
                    else problem += '<LI>Não houve resposta do servidor .</LI>';
                    $('UL#response').append(problem);
                } 
                else if (!pst.problem) {
                    
                    var _img = new Image(),
                    
                    $delete = $('<div id="' + pst.img.rename + '" class="delete" title="delete file"></div>');
                    // add remove icon
                    $new = $('<div class="fileInfo"></div>').append($delete);
                    // add info wrapper	
                    $name = $('<div class="nameOfFile">' + pst.img.name + '</div>'); // add name of file
                    //adiciona editor de legendas
                    $legenda = $('<input type="text" class="legenda" value="Clique para adicionar uma legenda"></input>');
                    // store names for ajax delete
                    $delete[0]._name = pst.img.name;
                    $delete[0]._rename = pst.img.rename;
                   
                   // setup image
                    $(_img)
                    	.attr({ src: pst.img.src, alt: pst.img.alt, width: pst.img.width, height: pst.img.height, title: pst.img.name })
                    	.addClass('uploaded');
                    
                    // display thumbname and info	
                    $("UL#ul_files").append($('<LI></LI>').append($new.prepend($(_img)), $name, $legenda));
                    
                    // display file info in ajax response section
                    $('UL#response').append('<LI>Arquivo <SPAN>' + pst.img.name + '</SPAN> enviado.</LI>');
                    //	automatically delete files from server when in demo mode
                    if (opt.mode == "demo") {
                    	var t = setTimeout(
                    		function() {
                        		$.post(opt.ajaxFile, { deleteFile: pst.img.rename, origName: pst.img.name, upload: opt.uploadFolder,  thumb: opt.thumbFolder, mode: opt.mode}) 
                        	}, 4000);
                    }
                    // update file counter
                    updateCount();
                } 
                else {
                
                    var problem = '<P>Houve um problema no envio <SPAN>' + pst.problem.name + '</SPAN></P>';
					if (pst.problem.error) problem += '<LI>' +pst.problem.error + '</LI>';
                    if (pst.problem.ext) problem += '<LI class="ext">Extensão de arquivo <SPAN>' + pst.problem.ext_actual + '</SPAN> não é compatível com o tipo do arquivo <SPAN>' + pst.problem.ext + '</SPAN>.</LI>';
                    $('UL#response').append(problem);
                }
            }
        };
        // delete during demo mode
        function _demoDelete(toDelete) {
            toDelete
            	.parents('LI')
            	.fadeOut(1000, function() {
                	$(this).remove();
               		$('UL#response').append('<LI>Arquivo <SPAN>' + toDelete[0]._name + '</SPAN> removido. </LI>');
                	updateCount();
            	});
        };
        // normal delete
        function _delete(toDelete) {
          toDelete.parents('li')
            .addClass('deleted')
            //.append($('<input type="hidden" class="delete" value="1"></input>'))
            .fadeOut(1000,function(){
              updateCount();
            });

          $('UL#response').append('<li>' + toDelete.attr('id').replace(/^\s+|\s+$/g, '') + ' removido</li>');

          /*
            $.post(opt.ajaxFile, { deleteFile: toDelete[0]._rename, origName: toDelete[0]._name, upload: opt.uploadFolder, thumb: opt.thumbFolder, mode: opt.mode },  
            	function(returned) {
            		$('UL#response').append('<li>' + returned.replace(/^\s+|\s+$/g, '') + '</li>');
               	 	toDelete
                		.parents('LI')
                		.fadeOut(1000, function(){ $(this).remove(); updateCount() });
            	});
           */
        };
        // update the file counter
        function updateCount() {
            var numUploads = $("UL#ul_files").children('LI').not('.deleted').size(),
            limit = (numUploads == opt.maxNumFiles) ? " alcançado.": " permitido.";
            $("H2.numFiles").text(numUploads + " Arquivo(s) Enviado(s) . . . Limite de " + opt.maxNumFiles + limit);
            $('.select').css({ opacity: (numUploads == opt.maxNumFiles) ? 0 : 1 });
        };
        // check if file extension is allowed
        function checkFileType(file_) {
            var ext_ = file_.toLowerCase().substr(file_.toLowerCase().lastIndexOf('.') + 1);
            if (!opt.file_types.match(ext_)) {
                alert('tipo de arquivo ' + ext_ + ' não permitido');
                return false;
            } 
            else return true;
        };
        // check type of iframe
        function frametype(fid) {
            return (fid.contentDocument) ? fid.contentDocument: (fid.contentWindow) ? fid.contentWindow.document: window.frames[fid].document;
        };

        updateCount();
    }

})(jQuery);