$(function(){

// Accordion

	var accicons = {
		header: "ui-icon-circle-arrow-e",
		headerSelected: "ui-icon-circle-arrow-s"
	};

	$("#accordion").accordion({
		collapsible: true,
		autoHeight: false,
		icons: accicons, 
		navigation: true, 
		clearStyle: true, 
//		fillSpace: true,
		active: false
//		event: "mouseover",
//		navigation: true
	});

        $("#accordion0").accordion({
                collapsible: true,
                autoHeight: false,
                icons: accicons,
                active: 0
        });

        $("#accordion2").accordion({
                collapsible: true,
                autoHeight: false,
                icons: accicons,
                active: 2
        });
		
	$( "#ACCtoggle" ).button().toggle(function() {
		$( "#accordion" ).accordion( "option", "accicons", false );
		}, function() {
			$( "#accordion" ).accordion( "option", "accicons", icons );
		});

// checkboxes
	$( ".uiCheckBoxes" ).buttonset();

// radios
	$(".uiRadios").buttonset();

// selectable
//	$( ".uiSelectable" ).selectable();


// multiselect
//	$(".multiSelect select").multiselect({
//       header: "Select one or more Options",
//        minWidth: "400",
//		hide: ['slide',500],
//        autoOpen: true,
//		height: "auto"
//		}).multiselectfilter();

// sortable
//	$( ".sortable" ).sortable();
//	$( ".sortable" ).disableSelection();


// Tabs
	$("#tabs").tabs({
		collapsible: true
	});

// 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;
	});


// small awk dialog
	$( "#dialog-awk" ).dialog({
		modal: true,
		autoOpen: false,
        height: 500,
        width: 620,
		buttons: {
			Ok: function() {
			$( this ).dialog( "close" );
			}
		}
	});

// Datepicker
	$('#datepicker').datepicker({
		inline: true
	});
	
	$( ".uidatepicker" ).datepicker();
			
// 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
	$( "button, input:submit, a", ".uiButton" ).button();
	$( "a", ".uiButton" ).click(function() { return false; });

	$( ".uiLink button, input:submit, a", ".uiLink" ).button();
    $( "a", ".uiLink" ).click(function() { return false; });

    $( ".uiDlg button, input:submit, a", ".uiDlg" ).button({
		icons: { primary: 'ui-icon-newwin' }
	});
    $( "a", ".uiDlg" ).click(function() { return false; });

	$( ".infoDlg").button({
        icons: { primary: 'ui-icon-info' }
    });

    $( ".errorDlg").button({
        icons: { primary: 'ui-icon-alert' }
    });
	
    $( ".editorToggleOff").button({
        icons: { primary: 'ui-icon-radio-off'}
    });

    $( ".editorToggleOn").button({
        icons: { primary: 'ui-icon-bullet'}
    });  


    $(".editorToggleOff").click(function(){
		$(this).switchClass('editorToggleOff','editorToggleOn');
		$(this).button({
			icons: { primary: 'ui-icon-bullet'}
		});
    });

	$(".editorToggleOn").click(function(){
        $(this).switchClass('editorToggleOn','editorToggleOff');
        $(this).button({
            icons: { primary: 'ui-icon-radio-off'}
        });
    });

	$.extend($.expr[':'], {
		  'containsi': function(elem, i, match, array)
		  {
		    return (elem.textContent || elem.innerText || '').toLowerCase()
		    .indexOf((match[3] || "").toLowerCase()) >= 0;
		  }
	});

});