$(function() {
	// start open dialog		
		$('#dialogLoading').dialog({
			resizable: false,
			autoOpen: false,
			modal: true,
			width: 300,
			title: "Loading ..."
		});	
	// end open dialog	
	
	// start open dialog		
		$('#dialogAddNew').dialog({
			resizable: false,
			autoOpen: false,
			modal: true,
			width: 300,
			title: "Add New ..."
		});	
	// end open dialog	
	
	// start open dialog		
		$('#dialogUpdate').dialog({
			resizable: false,
			autoOpen: false,
			modal: true,
			width: 300,
			title: "Update ..."
		});	
	// end open dialog		
});

function showOrHideAllDropDowns(newState) {

	var elements = document.documentElement.getElementsByTagName('select');
 
	for (var i=0; i<elements.length; i++) {
		elements[i].style.visibility = newState;
	}
} 

function showLoading() {
	var img = '<div align="center"><img src="/images/loading.gif" alt="loading" title="loading"/></div>';
	$('#dialogLoading').html(img);
	$('#dialogLoading').dialog({
		resizable: false,
		autoOpen: false,
		modal: true,
		width: 300,
		title: "Loading ..."
	});	
	$('#dialogLoading').dialog('open');	
}

function hideLoading() {
	$('#dialogLoading').dialog("close");
}