jQuery(function($) { 
        
        $('#start_date,#end_date').datepicker({
                beforeShow: customRange,
                    showOn: "both",
                    buttonImage: "/static/images/calendar.gif",
                    buttonImageOnly: true
                    });
        

        //stupid IE!!!
        jQuery.each(jQuery.browser, function(i) {
           if($.browser.msie){ }
           else {

               //button form beutiful
               $('.fb_button').each(function(){
                       var b = $(this);
                       var tt = b.text() || b.val();
                       if ($(':submit,:button',this)) {
                           b = $('<a>').insertAfter(this). addClass(this.className).attr('id',this.id);
                           $(this).remove();
                       }
                       
                       
                       b.text('').css({'cursor':'pointer', 'text-decoration':'none'}).prepend('<i></i>').append($('<span></span>').text(tt).prepend('<span></span><i></i>'));
                       
                       $('.fb_button').click(function(){
                               $(this).parents('form').submit();
                           });
                   });
           } });
        
    })

function customRange(input) {
 return {minDate: (input.id == "end_date" ? $("#start_date").datepicker("getDate") : null),
 maxDate: (input.id == "start_date" ? $("#end_date").datepicker("getDate") : null)};
}