function fadeConteudoPrincipal(ele,url,mode){
	carregaLink(url, '', '', '', 'deploy', ele);
	}
	
function fadeConteudo(ele,url,mode){
	/*carregaLink(url, '', '', '', 'deploy', ele); */
	
	var imgLoader = new Image(16, 16);
	imgLoader.src = 'js/indicator.gif';
	var theURL = url;
	if(mode == 'deploy'){
		var aUrl = url.split(".");
		var newURL = aUrl[0];
		var x=1;
		for (x=1; x<aUrl.length; x++){ 
			if(x == aUrl.length - 1)
				newURL = newURL + ".ajax";
			
			newURL = newURL + "." + aUrl[x];
			
			theURL = newURL;
		}
	}
	//loader
	if (typeof(ele) == 'undefined') {
	ele = 'conteudo_pagina';
	}

	
	document.getElementById(ele).innerHTML = "<p style='vertical-align:middle; height:20px;float:left; display: inline;position:relative;background-color: #fcfcfc;border: solid 1px; border-color: black;'>&nbsp;<img id='imagem_loader' border='0'>&nbsp;&nbsp;Carregando ...</p>"	
	document.getElementById('imagem_loader').src = imgLoader.src;
	Spry.Effect.AppearFade(ele,{ duration: 500, from: 100, to: 0, finish: function() {
	Spry.Utils.updateContent(ele, theURL, function() {
	Spry.Effect.AppearFade(ele,{ duration: 500, from: 0, to: 100 });
				});
			}
		});
		
		
		
	}

var itemAnterior = '';
	
function carregaLink(_URL, _link, _estiloSel, _estiloNaoSel, _mode, thediv){
	fadeConteudo(thediv,_URL,_mode)
	/*
	Initialize('ajax_carregando');

	if (typeof thediv == "undefined") { var thediv = 'conteudo_pagina'}
	var URL = _URL;
	var script_CEP_loaded = false; //para carregar o script apenas uma vez
	
	//se a pagina tiver sido deployada, coloca '.ajax' na url:
	if(_mode == 'deploy'){
		var aUrl = _URL.split(".");
		var newURL = aUrl[0];
		var x=1;
		for (x=1; x<aUrl.length; x++){ 
			if(x == aUrl.length - 1)
				newURL = newURL + ".ajax";
			
			newURL = newURL + "." + aUrl[x];
			
			URL = newURL;
		}
	}
	//ProcessEnd = Finaliza;
	ajaxContent(URL,thediv,10);

	//getAjaxData(URL);
*/	

	//coloca o item anterior para o estilo "nao-selecionado":
	if ( _estiloNaoSel != '' )
		if ( itemAnterior != '' )
			document.getElementById(itemAnterior).className = _estiloNaoSel;
	
	if ( _estiloSel != '' )
		//coloca o item recem-clicado para o estilo "selecionado":
		document.getElementById(_link).className = _estiloSel;
	
	if ( _link != '' )
		//guarda o item atual na variavel itemAnterior (sera o anterior no proximo clique):
		itemAnterior = _link;

}

function toggle(content) {
	 document.all[content].style.display = (document.all[content].style.display == "none")? "" : "none";
}

var req;
var ajaxResponse;
var ajaxDiv = "dvAjax";
var isInitialized = false;
var imgLoader = new Image(16, 16);

function Initialize(_divName){
	ajaxDiv = _divName;
	
	document.getElementById(ajaxDiv).visibility = 'none';
	
	//se esta incializado
	//if(isInitialized){
		try{req = new ActiveXObject("Msxml2.XMLHTTP");}
		catch(e){
			try{req = new ActiveXObject("Microsoft.XMLHTTP");}
			catch(oc){req = null;}
		}

		if ( !req && typeof XMLHttpRequest != "undefined" ) 
			req = new XMLHttpRequest();
		
		isInitialized = true;
		
	//}
	
	imgLoader.src = 'js/indicator.gif';
	
	//mantem o Div do ajax sempre visivel, no topo da pagina:
	JSFX_FloatTopLeft();
}


function getAjaxData(_url){
	if(!isInitialized){
		alert('A função Initialize(divName) não foi chamada!');
		return false;
	}
	var url = "";
	document.getElementById(ajaxDiv).innerHTML = "<p style='vertical-align:middle; height:20px;float:left; display: inline;position:relative;background-color: #fcfcfc;border: solid 1px; border-color: black;'>&nbsp;<img id='imagem_loader' border='0' src=''>&nbsp;&nbsp;Carregando ...</p>";
	document.getElementById('imagem_loader').src = imgLoader.src;
	

	//maque unique	
	if(_url.indexOf('?') > 0) 
		url = _url + "&ms=" + new Date().getTime();
	else 
		url = _url + "?ms=" + new Date().getTime();
	
	//req = null;
	
	if ( req != null ){
		req.onreadystatechange = ProcessaAjax;
		req.open("GET", url, true);
	    req.send(null);
	}
	//se req == null, entao browser nao suporta ajax:
	else{	
		ProcessEnd = null;
		HideDiv(ajaxDiv);
		url = _url.replace(".ajax", ""); 
		url = url.replace("template=none", ""); 
		//alert(url);
		window.location.href = url;
	}
	
}

function ProcessEnd(){};

function ProcessaAjax(){
	if (req.readyState == 4){
        // only if "OK"
		if (req.status == 200){
			if(req.responseText=="")
				HideDiv(ajaxDiv);
			else{
				ShowDiv(ajaxDiv);
				document.getElementById(ajaxDiv).innerHTML = "";
				ProcessEnd(trim(req.responseText));
			}
		}
		else{
			document.getElementById(ajaxDiv).innerHTML="Erro:"+req.statusText;
		}
	}
}

//trim string
function trim(str){
   return str.replace(/^\s*|\s*$/g,"");
}

//mostra o div
function ShowDiv(divid){
	el = document.getElementById(divid);
	el.style.display = '';
}

//esconde o div
function HideDiv(divid){
	el = document.getElementById(divid);
	el.style.display = 'none';
}


/* MANTEM O DIV 'LOADING' SEMPRE VISIVEL NO TOPO DA PAGINA:*/
function JSFX_FloatTopLeft(){
	var startX = 10, startY = 10;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	var px = document.layers ? "" : "px";
	function ml(id){
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
		el.x = startX; el.y = startY;
		return el;
	}
	window.stayTopLeft=function(){
		var pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : 

		document.body.scrollTop;
		ftlObj.y = pY;
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 20);
	}
	ftlObj = ml('ajax_carregando');
	stayTopLeft();
}





