$(function() {
	$(".ust").click( function(){
		var id = $(this).attr("id");
		$('#'+id).addClass( "active");
		$(".ust:not(#"+id+")").removeClass("active");
		});	
	$( "#tabs" ).tabs();
	
	$( ".datepicker" ).datepicker({
			dateFormat: 'dd.mm.yy',
			showOn: "button",
			buttonImage: "img/datepicker.gif",
			buttonImageOnly: true
		});
	
	// increase the default animation speed to exaggerate the effect
	$.fx.speeds._default = 1000;
	$(function() {
		$( "#dialog" ).dialog({
			autoOpen: false,
			minHeight:550,
			minWidth:800,
			show: "blind",
			hide: "explode",
			closeText:'Kapat',
			draggable: false
		});
	
		$( "#opener" ).click(function() {
			$( "#dialog" ).dialog( "open" );
			return false;
		});	
	});	
	// run the currently selected effect
		function runEffect() {
			// get effect type from 
			var selectedEffect = 'blind';

			// most effect types need no options passed by default
			var options = {};
			// some effects have required parameters
			if ( selectedEffect === "scale" ) {
				options = { percent: 100 };
			} else if ( selectedEffect === "blind" ) {
				options = { to: { width: 280, height: 185 } };
			}

			// run the effect
			$( "#effect" ).show( selectedEffect, options, 500);
		};

		//callback function to bring a hidden box back
		function callback() {
			
				$( "#effect:visible" ).removeAttr( "style" ).fadeOut();
		
		};

		// set effect from select menu value
		$( "#button" ).click(function() {
			runEffect();
			return false;
		});
		
		$( "#effect" ).hide();
});