/*
 * One Click Upload - jQuery Plugin
 * Copyright (c) 2008 Michael Mitchell - http://www.michaelmitchell.co.nz
 */
(function($) {
    $.fn.upload = function(options) {
        /** Merge the users options with our defaults */
        options = $.extend({
            name: 'file',
            enctype: 'multipart/form-data',
            action: '',
            autoSubmit: true,
            onSubmit: function() { },
            onComplete: function() { },
            onSelect: function() { },
            params: {}
        }, options);

        return new $.ocupload(this, options);
    },

	$.ocupload = function(element, options) {
	    /** Fix scope problems */
	    var self = this;

	    /** A unique id so we can find our elements later */
	    var id = new Date().getTime().toString().substr(8);

	    /** Upload Iframe */
	    var iframe = $(
			'<iframe ' +
				'id="iframe' + id + '" ' +
				'name="iframe' + id + '"' +
			'></iframe>'
		).css({
		    display: 'none'
		});

	    /** Form */
	    var form = $(
			'<form ' +
				'method="post" ' +
				'enctype="' + options.enctype + '" ' +
				'action="' + options.action + '" ' +
				'target="iframe' + id + '"' +
			'></form>'
		).css({
		    margin: 0,
		    padding: 0

		});
	    /** File Input */
	    var input = $(
			'<input ' +
				'id="' + options.name + '" ' +
				'name="' + options.name + '" ' +
				'type="file" ' +
			'/>'
		).css({
		    position: 'absolute',
		    display: 'block',
		    marginLeft: -175 + 'px',
		    opacity: 0
		});
		input.css("z-index", "1010");

	    /** Put everything together */
	    element.wrap('<div></div>'); //container
	    form.append(input);
	    $("body").append(form);
	    $("body").append(iframe);

	    /** Find the container and make it nice and snug */
	    var container = element.parent().css({
	    			position: 'relative',
	    			height: element.outerHeight()+'px',
	    			width: element.outerWidth()+'px',
	    			overflow: 'expand',
	    			cursor: 'pointer',
	    			margin: 0,
	    			padding: 0
	});

	/** Put our file input in the right place */
	input.css('marginTop', -10 + 'px');

	/** Move the input with the mouse to make sure it get clicked! */
	container.mousemove(function(e) {
	input.css({
	        display: "block",
	        top: e.pageY + 'px',
	        left: e.pageX + 'px'
	    });
	});

	/** Watch for file selection */
	input.change(function() {
	    /** Do something when a file is selected. */
	    self.onSelect();

	    /** Submit the form automaticly after selecting the file */
	    if (self.autoSubmit) {
	        self.submit();
	    }
	});

	/** Methods */
	$.extend(this, {
	    autoSubmit: true,
	    onSubmit: options.onSubmit,
	    onComplete: options.onComplete,
	    onSelect: options.onSelect,

	    /** get filename */
	    filename: function() {
	        return input.attr('value');
	    },

	    /** get/set params */
	    params: function(params) {
	        var params = params ? params : false;

	        if (params) {
	            options.params = $.extend(options.params, params);
	        }
	        else {
	            return options.params;
	        }
	    },

	    /** get/set name */
	    name: function(name) {
	        var name = name ? name : false;

	        if (name) {
	            input.attr('name', value);
	        }
	        else {
	            return input.attr('name');
	        }
	    },

	    /** get/set action */
	    action: function(action) {
	        var action = action ? action : false;

	        if (action) {
	            form.attr('action', action);
	        }
	        else {
	            return form.attr('action');
	        }
	    },

	    /** get/set enctype */
	    enctype: function(enctype) {
	        var enctype = enctype ? enctype : false;

	        if (enctype) {
	            form.attr('enctype', enctype);
	        }
	        else {
	            return form.attr('enctype');
	        }
	    },

	    /** set options */
	    set: function(obj, value) {
	        var value = value ? value : false;

	        function option(action, value) {
	            switch (action) {
	                default:
	                    throw new Error('[jQuery.ocupload.set] \'' + action + '\' is an invalid option.');
	                    break;
	                case 'name':
	                    self.name(value);
	                    break;
	                case 'action':
	                    self.action(value);
	                    break;
	                case 'enctype':
	                    self.enctype(value);
	                    break;
	                case 'params':
	                    self.params(value);
	                    break;
	                case 'autoSubmit':
	                    self.autoSubmit = value;
	                    break;
	                case 'onSubmit':
	                    self.onSubmit = value;
	                    break;
	                case 'onComplete':
	                    self.onComplete = value;
	                    break;
	                case 'onSelect':
	                    self.onSelect = value;
	                    break;
	            }
	        }

	        if (value) {
	            option(obj, value);
	        }
	        else {
	            $.each(obj, function(key, value) {
	                option(key, value);
	            });
	        }
	    },

	    /** Submit the form */
	    submit: function() {
	        /** Do something before we upload */
	        this.onSubmit();

	        /** add additional paramters before sending */
	        $.each(options.params, function(key, value) {
	            form.append($(
						'<input ' +
							'type="hidden" ' +
							'name="' + key + '" ' +
							'value="' + value + '" ' +
						'/>'
					));
	        });

	        /** Submit the actual form */
	        form.submit();

	        /** Do something after we are finished uploading */
	        iframe.unbind().load(function() {
	            /** Get a response from the server in plain text */
	            var myFrame = document.getElementById(iframe.attr('name'));
	            var response = $(myFrame.contentWindow.document.body).text();

	            /** Do something on complete */
	            self.onComplete(response); //done :D
	        });
	    }
	});
}
})(jQuery);