function roundInput(input_id, container_class, border_class){
			var input = $j('#'+input_id+'');
			var input_width = input.css("width"); //get the width of input
			var wrap_width = parseInt(input_width) + 10; //add 10 for padding
			wrapper = input.wrap("<div class='"+container_class+"'></div>").parent();
			wrapper.wrap("<div class='"+border_class+"' style='width: "+wrap_width+"px;'></div>"); //apply border
			wrapper.corner("round 10px").parent().css('padding', '2px').corner("round 5px"); //round box and border
		}
		
		 $j(function() {
		
		$j('#displaySearch').hide();
			$j("#basicLink").click(function () {
            $j("#advancedLink").show();
	  $j("#basicLink").hide();
	  $j("#basic").show();
	  $j("#expanded").hide();	  
	  	  $j("#displayMap").hide();
	  return false;
    });
			
			$j("#advancedLink").click(function () {
												
												
	 $j('#displaySearch').hide();
      $j("#advancedLink").hide();
	  $j("#basicLink").show();
	    $j("#basic").hide();
	  $j("#expanded").show();
	  $j("#displayMap").show();
	  return false;
    });
			
			$j("#basicLink").click(function () {									
	 $j('#displaySearch').hide();
	  return false;
    });
			
			
			
		/* input_id is the ID of the input element */
		/* container_class will let you control the text input background color and padding */
		/* border_class will let you control the border color */
		


            });
	
$j(document).ready(function() {
	  
$j('.rounded').each (
		function (o) {
		
		/* get the width of hidden elements on the page */
		var props = { position: "absolute", visibility: "hidden", display: "block" };
		var itemWidth = 0;
		$j.swap($j("#expanded")[0], props, function(){
				var itemWidth = $j(this).find('input').width();								  
     	 $j(this).width(itemWidth); //set the rounded corner div enclosing the input to the same width
		});
		
		$j(this).click(function () { 
			$j(this).find('input').focus(); //set the input field to focus when clicking on the rounded corner div
	  	});		
		}
);
		

      });