(function($) {
	$.fn.pandaUpload2 = function(file) {
		
		this.each(function() {
			var $file = file;
			var $targetInput = $(this);
			$targetInput.wrap('<div class="panda-file-input"></div>');
			var $inputContainer = $targetInput.parent();
			$targetInput.wrap('<span class="panda-browse-button"></span>');
			var $browseButton = $targetInput.parent();
			$browseButton.prepend('<p>Browse</p>');
			$inputContainer.prepend('<span class="upload-filename">Browse for a file</span>');
			var $inputText = $('.upload-filename', $inputContainer);
			$targetInput.wrap('<span class="panda-browse-positioner"></span>');
			var $browsePositioner = $targetInput.parent();
			
			var $browseButtonWidth = $browseButton.outerWidth();
			var inputWidth = $inputContainer.width();
			var textWidth = inputWidth - $browseButtonWidth - 6;
			$inputText.width(textWidth);

			$(window).resize(function(){
				var $browseButtonWidth = $browseButton.outerWidth();
				var inputWidth = $inputContainer.width();
				var textWidth = inputWidth - $browseButtonWidth - 6;
				$inputText.width(textWidth);
			});
			
			$targetInput.change(function(){
				var $limit = 27;
				var $inputValue = $targetInput.val();
				if($targetInput.val().split('fakepath')[1]){
					$inputValue = $targetInput.val().split('fakepath')[1].split('\\')[1];
				}
				var $inputValueWidth = $inputValue.length;
				var $trimmedValue = $inputValue.substr(0,$limit);
				
				if ($inputValueWidth >= $limit) {
					//$inputText.text($trimmedValue+'...');
				}
				else {
					//$inputText.text($inputValue);
				};
				
				$inputText.text($inputValue);
				
			});
		});
		return this;
   };
})(jQuery);
