// Copyright (c) 2008 Andris Valums, http://valums.com
// Licensed under the MIT license (http://valums.com/mit-license/)
// Thanks to Loic Fontaine, Mark Feldman, Andras Popovics, Faisal for contribution
/*
Changelog:
Version 0.6 - Fixed bugs:
    1. Disabling button while uploading resulted in empty upload
    2. Submitting empty file input in Chrome, when user clicked cancel
 */
(function($){
    // we need jQuery to run
    if ( ! $) re3turn;

    $.ajax_upload = function(button, options){
        // make sure it is jquery object
        button = $(button);
        if (button.size() != 1 ){
            console.error('You passed ', button.size(),' elements to ajax_upload at once');
            return false;
        }
            
        //alert(button.html());
        return new Ajax_upload(button, options);        
    };
    
    
    /**
     * Function generates unique id
     * @return unique id
     */     
    var get_uid = function(){
        var uid = 0;
        return function(){
            return uid++;
        }
    }();

    /**
     * @param button Element that will be used as file upload button
     * @param option User options
     */
    var Ajax_upload = function(button, options){
        this.button = button;
                
        this.wrapper = null;
        this.form = null;
        this.input = null;
        this.iframe = null;     

        this.disabled = false;
        this.submitting = false;
                
        this.settings = {
            // Location of the server-side upload script
            action: 'upload.php',           
            // File upload name
            name: 'userfile',
            // Additional data to send
            data: {},
            // Fired when user selects file
            // You can return false to cancel upload
            onSubmit: function(file, extension) {},
            // Fired when file upload is completed
            onComplete: function(file, response) {},
            // Fired when server returns the "success" string               
            onSuccess: function(file){},
            // Fired when server return something else
            onError: function(file, response){}
        };

        // Merge the users options with our defaults    
        $.extend(this.settings, options);
        //alert(124);
        this.create_wrapper();
        this.create_input();
        
        if (jQuery.browser.msie){
            // fix ie transparent background bug
            //this.make_parent_opaque();
        }
        
        this.create_iframe();       
    }
    // assigning methods to our class
    Ajax_upload.prototype = {
        set_data : function(data){
            this.settings.data = data;
        },
        disable : function(){
            this.disabled = true;
            if ( ! this.submitting){
                this.input.attr('disabled', true);          
            }           
        },
        enable : function(){
            this.disabled = false;
            this.input.attr('disabled', false);                         
        },
        /**
         * Creates wrapper for button and invisible file input
         */
        create_wrapper : function(){
            // Shorten names            
            var button = this.button, wrapper;

            wrapper = this.wrapper = $('<div></div>')
                .insertAfter(button)
                .append(button);            
            
            // wait a bit because of FF bug
            // it can't properly calculate the outerHeight
            setTimeout(function(){
                wrapper.css({
                    position: 'relative'
                    ,display: 'block'
                    ,overflow: 'hidden'
                    ,height: button.outerHeight(true)
                    ,width: button.outerWidth(true)
                });                     
            }, 1);
            
            var self = this;
            wrapper.mousemove(function(e){
                // Move the input with the mouse, so the user can't misclick it
                if (!self.input) {
                    return;
                }
                                    
                self.input.css({
                    top: e.pageY - wrapper.offset().top - 5 + 'px'
                    ,left: e.pageX - wrapper.offset().left - 170 + 'px'
                });
            });

    
        },
        /**
         * Creates invisible file input above the button 
         */
        create_input : function(){
            var self = this;

            this.input = 
                $('<input type="file" />')
                .attr('name', this.settings.name)               
                .css({
                    'position' : 'absolute'
                    ,'margin': 0
                    ,'padding': 0
                    ,'cursor': 'pointer'
                    ,'width': '220px'
                    ,'heigth': '10px'                                       
                    ,'opacity': 0
                })
                .change(function(){
                    if ($(this).val() == ''){
                        // there is no file
                        return;
                    }
                    
                    // we need to lock "disable" method
                    self.submitting = true;
                    
                    // Submit form when value is changed
                    self.submit();
                    
                    // unlock "disable" method
                    self.submitting = false;                    
                })
                .appendTo(this.wrapper)
                
                // Emulate button hover effect              
                .hover(
                    function(){self.button.addClass('hover');}
                    ,function(){self.button.removeClass('hover');}
                );
                
            if (this.disabled){
                this.input.attr('disabled', true);
            }

        },
        /**
         * Creates iframe with unique name
         */
        create_iframe : function(){
            // unique name
            // We cannot use getTime, because it sometimes return
            // same value in safari :(
            var name = 'iframe_au' + get_uid();
            
            // create iframe, so we dont need to refresh page
            this.iframe = 
                $('<iframe name="' + name + '"></iframe>')
                .css('display', 'none')
                .appendTo('body');
        },
        /**
         * Upload file without refreshing the page
         */
        submit : function(){            
            var self = this, settings = this.settings;          
            
            // get filename from input
            var file = this.file_from_path(this.input.val());           

            // execute user event
            if (settings.onSubmit.call(this, file, this.get_ext(file)) === false){
                // Do not continue if user function returns false
                if (self.disabled){
                    this.input.attr('disabled', true);
                }                           
                return;
            }           

            this.create_form();
            this.input.appendTo(this.form);         
            this.form.submit();         
            
            //alert($('#sss').html());
            
            this.input.remove(); this.input = null;
            this.form.remove(); this.form = null;

            this.submitting = false;
            
            // create new input
            this.create_input();    
    
            var iframe = this.iframe;
            iframe.load(function(){
                var response = iframe.contents().find('body').html();

               //if($.url.attr('host') == 'www.ideapresent.wscdns.net'){
               //var response = iframe.css({'width':'600px','position':'absolute', 'top':'100px', 'height':'400px', 'zIndex':10000}).show().contents().find('body').html();
                //alert(response);
                //}
                settings.onComplete.call(self, file, response);             
                
                if (response == 'success'){
                    settings.onSuccess.call(self, file);    
                } else {
                    settings.onError.call(self, file, response);    
                }
                
                // clear (wait a bit because of FF2 bug)
                setTimeout(function(){
                    iframe.remove();
                }, 1);              
            });
            
            // Create new iframe, so we can have multiple uploads at once
            this.create_iframe();       
        },      
        /**
         * Creates form, that will be submitted to iframe
         */
        create_form : function(){
            // enctype must be specified here
            // because changing this attr on the fly is not allowed
            
            //var sss = $(document).UCreateEle('div','id:sss');
            //$('body').UAppend(sss);

            this.form = 
                $('<form method="post" enctype="multipart/form-data"></form>')
                //.appendTo('#sss')
                .appendTo('body')
                .attr({
                    "action" : this.settings.action
                    ,"target" : this.iframe.attr('name')                    
                });         
            
            // Create hidden input element for each data key
            for (var i in this.settings.data){
                
                //alert(i + '-' + this.settings.data[i]);
                
                $('<input type="hidden" />')
                    .appendTo(this.form)
                    .attr({
                        'name': i
                        ,'value': this.settings.data[i]
                    });
            }
        },      
        file_from_path : function(file){
            var i = file.lastIndexOf('\\');
            if (i !== -1 ){
                return file.slice(i+1);
            }           
            return file;                
        },
        get_ext : function(file){
            var i = file.lastIndexOf('.');
            
            if (i !== -1 ){
                return file.slice(i+1);             
            }           
            return '';  
        },
        make_parent_opaque : function(){
            // ie transparent background bug
            this.button.add(this.button.parents()).each(function(){             
                var color = $(this).css('backgroundColor');
                var image = $(this).css('backgroundImage');
    
                if ( color != 'transparent' ||  image != 'none'){
                    $(this).css('opacity', 1);
                    return false;
                }
            });         
        }
        
    };
})(jQuery);

if(typeof(myBar) != 'undefined') setTimeout("myBar.loaded('http://static.wiwos.com/j/engine/core/engine.upload.js')", 500);