function loadHtml(url, cb){
	var loadingAjax = $('#loading')
	var conteudoAjax = $('#conteudoHtml')
	var bg = $('#bgConteudoHtml')

	conteudoAjax.bind('ajaxStart.conteudoAjax', function() {
		conteudoAjax.hide();
		conteudoAjax.html('')
		centerLoading()
		loadingAjax.show()
		bg.css('height', $(document).height()-5)
		bg.fadeTo("fast", 0.7)
		bg.show()		
	}).bind('ajaxStop.conteudoAjax', function() {
		conteudoAjax.show()
		centerHtml()
		loadingAjax.hide()
		conteudoAjax.unbind('.conteudoAjax')	//retira eventos de ajax
	})

	if(typeof(cb)=='function')
		conteudoAjax.load(url, cb)
	else
		conteudoAjax.load(url, function(){})
}

function removeHtml(){
	var conteudoAjax = $('#conteudoHtml')
	var bg = $('#bgConteudoHtml')
	bg.hide()	
	conteudoAjax.html('')
	conteudoAjax.hide()
}

function centerHtml(){
	var conteudoAjax = $('#conteudoHtml')
	conteudoAjax.css({
		'left':$(window).width()/2-conteudoAjax.width()/2, 
		'top':(($(window).height()/2)-(conteudoAjax.height()/2))+$(window).scrollTop()
	})	
}

function centerLoading(){
	var loadingAjax = $('#loading')
	loadingAjax.css({
		'left':$(window).width()/2-loadingAjax.width()/2, 
		'top':(($(window).height()/2)-(loadingAjax.height()/2))+$(window).scrollTop()
	})
}