jQuery(document).ready(function() {
            createDropDown();
            
            jQuery(".dropdown dt a").click(function() {
            	jQuery(".dropdown dd ul").toggle();
            });
 
            jQuery(document).bind('click', function(e) {
                var jQueryclicked = jQuery(e.target);
                if (! jQueryclicked.parents().hasClass("dropdown"))
                    jQuery(".dropdown dd ul").hide();
            });
                        
            jQuery(".dropdown dd ul li a").click(function() {
                var text = jQuery(this).html();
                jQuery(".dropdown dt a").html(text);
                jQuery(".dropdown dd ul").hide();
                
                var source = jQuery("#categories_id");
                source.val(jQuery(this).find("span.value").html())
            });
            
			var windowSize = jQuery(window).width();
			if(windowSize > 1440){
				windowSize = 1440;
			}
			
            var width_input = windowSize/16.6;
            jQuery(".text-busca").attr("size", width_input);
            
            jQuery(window).resize(function() {
            
				var windowSize = jQuery(window).width();
				if(windowSize > 1440){
					windowSize = 1440;
				}
				
				width_input = windowSize/16.6;
            	jQuery(".text-busca").attr("size", width_input);
            });
            
        });
        
        function createDropDown(){
            var source = jQuery("#categories_id");
            var selected = jQuery("#categories_id option:selected");
            var options = jQuery("option", source);
            
            jQuery("#combo-busca").append('<dl id="target" class="dropdown"></dl>')
            jQuery("#target").append('<dt><a>' + selected.text() + 
                '<span class="value">' + selected.val() + 
                '</span></a></dt>')
            jQuery("#target").append('<dd><ul></ul></dd>')
 
            options.each(function(){
                jQuery("#target dd ul").append('<li><a>' + 
                    jQuery(this).text() + '<span class="value">' + 
                    jQuery(this).val() + '</span></a></li>');
            });
        }