// Jquery local settings
jQuery(document).ready(function() {
$(function(){

				// Accordion
				$("#accordion").accordion({ header: "h3",
                                                            collapsible: true });
	
				// 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'); }
				);
				
			});
			// button functions
			$(".logon_button").hover(function() {
					$(this).attr("src","/images/logon_b.png");
						}, function() {
					$(this).attr("src","/images/logon_a.png");
				});
			$(".join_button").hover(function() {
					$(this).attr("src","/images/join_b.png");
						}, function() {
					$(this).attr("src","/images/join_a.png");
				});

		});