/*
 * Style File - jQuery plugin for styling file input elements
 * Copyright (c) 2007-2008 Mika Tuupola
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 * Based on work by Shaun Inman
 * http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
 * Revision: $Id: jquery.filestyle.js 303 2008-01-30 13:53:24Z tuupola $
 */

(function($) {
    
    $.fn.filestyle = function(options) {
                
        /* TODO: This should not override CSS. */
        var settings = {
            width : 250
        };
                
        if(options) {
            $.extend(settings, options);
        };
                        
        return this.each(function() {
            
            var self = this;

						// dw            
            $(self).wrap('<div class="FileWrap"></div>');
						$(".FileWrap").css({
							"position": "relative",
							"width": (settings.imagewidth + settings.width + 5) + "px",
							"height": settings.imageheight + "px",
							"border": "0px solid red"
						});												            
            
            var wrapper = $("<div>").css({
	            "width": settings.imagewidth + "px",
	            "height": settings.imageheight + "px",
	            "background": "url(" + settings.image + ") 0 0 no-repeat",
	            "background-position": "right",
	            "display": "inline",
	            "position": "absolute",
	            "border": "0px solid red",
	            "cursor": "pointer",
	            "overflow": "hidden"
            });
                            
            var filename = $('<input class="file">')
							.addClass($(self).attr("class"))
							.css({
								"display": "inline",
								"width": settings.width + "px"
						});

            $(self).before(filename);
            $(self).wrap(wrapper);

            $(self).css({
	            "position": "relative",
	            "height": settings.imageheight + "px",
	            "width": settings.width + "px",
	            "display": "inline",
	            "cursor": "pointer",
	            "opacity": "0.0"
            });


            if ($.browser.mozilla) {
                if (/Win/.test(navigator.platform)) {
                    $(self).css("margin-left", "-102px");
                } else {
                    $(self).css("margin-left", "-168px");                    
                };
            } else {
                $(self).css("margin-left", settings.imagewidth - settings.width + "px");
            };
            

            $(self).bind($.browser.msie? 'propertychange': 'change', function() {
                filename.val($(self).val());
		$(self).blur();
            });
      
        });
        
    };
    
})(jQuery);