$(function(){

          // Accordion
          $("#accordion").accordion({ header: "h3" });

          // Tabs
          $('#tabs').tabs();


          // Dialog			
          $('#dialog').dialog({ autoOpen: false,
            width: 600,
            buttons: {
            "Ok": function() { 
            $(this).dialog("close"); 
            }, 
            "Cancel": function() { 
            $(this).dialog("close"); 
            } 
            }
            });

          // Dialog Link
          $('#dialog_link').click(function(){
              $('#dialog').dialog('open');
              return false;
              });

          // Datepicker
          //
//          $('#datepicker').datepicker({ inline: true });

          // Slider
          $('#slider').slider({ range: true,
              values: [17, 67]
              });

          // Progressbar
          $("#progressbar").progressbar({ value: 20 
              });

          //hover states on the static widgets
          $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, 
              function() { $(this).removeClass('ui-state-hover'); }
              );

          // added by jgb
          $('#testcorner').corner('15px bevel');

          // To dynamiclly created a cornered border thing


          $('div.border-cornered').wrap('<div class="outer-cornered ui-widget"></div>');


          // You need to play with the css values to get different border styles.
          /// $('#nested').corner("round 8px").parent().css('padding', '2px').corner("round 10px");

          // We can automagically corner all such divs if we use the class instead of an ID
          $('.border-cornered').corner("round 8px").parent().css('padding', '2px').corner("round 10px");
      });