//// unique id generator.
//$.extend($.fn, {
//  id : function () {
//    return this.each(function () {
//      $(this).attr("id", "f-" + $.data(this));
//    });
//  }
//}); 
//

// this == dom element
onFadeEnd = function () {
	$(this).remove() ;
} ;

gLoadingMsg = null ;
enqueueLoadingMsg = function() {
	gLoadingMsg = _enqueueMsg (gettext("loading..."), "", null) ;
}

removeLoadingMsg = function() {
	if (gLoadingMsg != null) {
		gLoadingMsg.remove() ;
		gLoadingMsg = null ;
	}
}

_enqueueMsg = function(msg, cls, remainVisibleTime) {
	var m = $('<span>' + msg + '</span>').appendTo("#c-msg-wrapper").addClass("f-msg-cls").addClass(cls) ;
	if (remainVisibleTime)
		m.animate({'opacity':.95}, remainVisibleTime).fadeOut(2000, onFadeEnd) ;
	return m ;
	
}

enqueueMsg = function(msg) {
//	while ($("#c-msg-wrapper .f-msg-cls").children().size() > 1) {
//		$("#c-msg-wrapper .f-msg-cls:first").stop(false, true) ;
//	}
//	
	var cls = "f-msg" ;
	var remainVisibleTime = 8000 ;
	_enqueueMsg(msg, cls, remainVisibleTime) ;
}

enqueueErrorMsg = function(msg) {
	var cls = "f-msg-e" ;
	var remainVisibleTime = 4000 ;
	_enqueueMsg(msg, cls, remainVisibleTime) ;	
}