function $(element) {
	return document.getElementById(element);
}

function Conheca () {
	this.timeToChange = "5000"; // milisegundos
	this.timer = 0;
	this.idActual = 0;
	this.data = {
		"imagePath" : "http://10.69.40.115/prefeitura/portal_2007/img/",
		"images" : [
			["saopaulo.jpg", "Prédio da FIESP, Av. Paulista", "url"],
			["bla.jpg", "Outra imagem", "url"]
		],
		"calls" : [
			["Pontos Turísticos", "url1"],
			["Saiba Mais", "url2"],
			["Agenda Paulistana", "url3"],
			["Teatro Municipal apresenta a indédita ópera de Olga Benário Prestes.", "url4"],
			["Veja mais sobre a cidade", "url5"]
		]
	};
	this.changeAlpha = function(alpha) {
		var obj = $("conheca").style;
		obj.opacity=(alpha/100);
		obj.MozOpacity=(alpha/100);
		obj.KhtmlOpacity=(alpha/100);
	};
	this.blend = function(duration) {
		speed = duration * 10;
		timer = 0;
		for (var i=100; i>0; i-=2) { setTimeout('objconheca.changeAlpha('+i+')', timer++ * speed);  }
		setTimeout('objconheca.changeContent()', timer++ * speed);
		for(var i=0; i<100; i+=2) { setTimeout('objconheca.changeAlpha('+i+')', timer++ * speed); }
	};
	this.makeDiv = function() {
		if (document.all && navigator.userAgent.indexOf('Opera') == -1) {
			try {
				var oDiv = $('conheca');
				oDiv.style.filter="blendTrans(duration=0.7)";
			   	oDiv.filters.blendTrans.apply();
				oDiv.filters.blendTrans.play();
				objconheca.changeContent();
			} catch(e) {
				this.blend(0.7);
			}
		} else {
			this.blend(0.7);
		}
	};
	this.changeContent = function() {
		var id = this.idActual;
		data = this.data;
		obj = data.images;
		obh = data.calls;
		var tmp;
		$("imgchange").src=data.imagePath+obj[id][0];
		$("imgchange").alt=obj[id][1];
		tmp =  '<p><strong><a href="'+obj[id][2]+'">Conhe&ccedil;a S&atilde;o Paulo</a></strong></p>';
		tmp += '<p class="borda"><a href="'+obj[id][2]+'">'+obj[id][1]+'</a></p>';
		tmp += '<ul><li><a href="'+obh[0][1]+'">'+obh[0][0]+'</a></li><li><a href="'+obh[1][1]+'">'+obh[1][0]+'</a></li></ul>';
		tmp += '<p><strong><a href="'+obh[2][1]+'">'+obh[2][0]+'</a></strong></p>';
		tmp += '<p class="borda"><a href="'+obh[3][1]+'">'+obh[3][0]+'</a></p>';
		tmp += '<ul><li><a href="'+obh[4][1]+'">'+obh[4][0]+'</a></li></ul>';
		tmp += '<div id="fechar"><a href="#"><img src="img/bt_fechar.gif" alt="Bot&atilde;o Fechar"/></a></div>';
		$("txt").innerHTML = tmp;
		clearTimeout(this.timer);
		this.timer = setTimeout('objconheca.next();', this.timeToChange);
	};
	this.prev = function() {
		this.idActual--;
		if (this.idActual < 0) { this.idActual = this.data.images.length -1; }
		this.makeDiv();
	};
	this.next = function() {
		this.idActual++;
		if (this.idActual == this.data.images.length) { this.idActual = 0; }
		this.makeDiv();
	};
	this.init = function() {
		var tmp;
		tmp = '<div id="img"><img id="imgchange" width="544" height="143"/>';
		tmp += '<div id="trocaImg"><span><a href="javascript:void(0);" onClick="objconheca.prev()"><img src="img/c.gif" class="esquerda" alt="anterior" width="18" height="16"/></a></span><p class="texto">Pr&oacute;xima</p><p><a href="javascript:void(0);" onClick="objconheca.next();"><img src="img/c.gif" alt="próxima" class="direita" width="17" height="16"/></a></span></div>';
		tmp += '</div>';
		tmp += '<div id="txt"> </div>';
		$("conheca").innerHTML = tmp;
		this.makeDiv();
	};
	setTimeout('objconheca.init();', 100);
}

/*window.onload = function() {
	objconheca = new Conheca();
}*/

//mouseOver
	navegador = (((navigator.appName == "Netscape") && 
	(parseInt(navigator.appVersion) >= 3 )) || 
	((navigator.appName == "Microsoft Internet Explorer") && 
	(parseInt(navigator.appVersion) >= 4 )))
	
	if (navegador)
		{
		des1 = new Image()
		des1.src = "img/seta_off.png"
		lig1 = new Image()
		lig1.src = "img/seta_on.png"
		}
	function escolha(numeroimagem,nome)
	{
		if (navegador)
			{
			document.images[numeroimagem].src = eval(nome + ".src")
			}
	}