$(function(){

				// Accordion
				// autoheight controls if the headers adjust to height changes or not.
				// http://docs.jquery.com/UI/API/1.8/Accordion#options
				$("#accordion").accordion({ 
					header: "h3",
					autoHeight: false
				 });
				
				// Tabs
				$('#tabs').tabs();
	

				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Close": function() { 
							$(this).dialog("close"); 
						}
					}
				});
											
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$('#dialog_link1').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				
				$('#dialog_link2').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$('#dialog_link3').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$('#dialog_link4').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$('#dialog_link_product1').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$('#dialog_link_product2').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
				
				$$("[id^=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'); }
				);
				
			});