var Html =
{
	noGroupToggle : false,
	
	init: function(base_url) {
		var pic = new Image(); 
		pic.src = base_url + '/fileupload/plugins/Html/images/processing.gif';
	},
	
	showPause: function() {
		Html.showBlocker();
		var xpos = ($(window).width() / 2) - (32 / 2);
		var ypos = ($(window).height() / 2) - (32 / 2) + $(window).scrollTop();
		$('body').append('<div id="html_pause_container"><span id="html_pause_image" style="left: ' + xpos + 'px; top: ' + ypos + 'px;"></span></div>');
		
	},

	hidePause: function() {
		$('#html_pause_container').remove();
		Html.hideBlocker();
	},

	showBlocker: function() {
		var bg_height = $(document).outerHeight();
		$('body').append('<div id="html_page_blocker" style="height: ' + bg_height + 'px;"></div>');
	},

	hideBlocker: function() {
		if ($('#html_page_blocker').length) {
			$('#html_page_blocker').remove();
		}
	},
	
	toggleGroup : function(id) {
		if (!Html.noGroupToggle) {
			Html.noGroupToggle = true;
			var elem = $('#html_group_switch' + id);
			if (elem.hasClass('html_group_switch_opened')) {
				elem.removeClass().addClass('html_group_switch_closed');
			} else {
				elem.removeClass().addClass('html_group_switch_opened');
			}
			$('#html_group_link' + id).blur();
			$('#html_group_content' + id).slideToggle(200, function() {
				Html.noGroupToggle = false;
			});
		}
	},
	
	openWindow: function(element_id) {
		$('#' + element_id).dialog('open');
	},
	
	closeWindow: function(element_id) {
		$('#' + element_id).dialog('close');
	}
}