// Verifica a versão do navegador para chamar a imagem da logomarca correta já que o IE6 não aceita a transparência de um PNG com mais de 24 bits
function showLogo() {
	version=0
	if (navigator.appVersion.indexOf("MSIE")!=-1){
		temp=navigator.appVersion.split("MSIE")
		version=parseFloat(temp[1])
		if (version>=7.0) {
			$('div_logo').innerHTML = '<img alt="TUPI.AM - Bastidores" src="imagens/logo.png"/>';
		}
		if (version<=6.0) { 
			$('div_logo').innerHTML = '<img alt="TUPI.AM - Bastidores" src="imagens/logo_ie6.png"/>';
		}
	} else {
		$('div_logo').innerHTML = '<img alt="TUPI.AM - Bastidores" src="imagens/logo.png"/>';
	}
}

// Funo que cria o menu principal.
function criaMenu() {
 	try {
  		xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); // Se for IE6
  	} catch(e) {
  		try {
    		xmlDoc=document.implementation.createDocument("","",null); // Se for outros
    	} catch(e) {
    		alert(e.message);
    	}
  	}
	xmlDoc.async=false; // ignoro os espaços
	xmlDoc.load("xml/bastidores.xml"); // abro o arquivo xml
	x = xmlDoc.getElementsByTagName('area'); // x terá todos os filhos e atributos do no pai 'area'.
	for (i=0;i<x.length;i++){ // percorro x 
		y = x[i].getElementsByTagName('menu'); // y tera todos os filhos e atributos do pai 'menu'.
		inicio = 1 // variavel auxiliar da função textosefotos para começar as informações sempre no primeiro item do submenu.
		for (j=0;j<y.length;j++) {// percorro y 
			$('menuprincipal').innerHTML += '<li><a id="'+  x[i].getAttribute('id') + '" href="#" onclick="criaSubmenu(this, '+ x[i].getAttribute('id')+'); textosprinc('+ x[i].getAttribute('id') + ','+ inicio +'); oculta();">'+ y[j].childNodes[0].nodeValue +'</a></li>' + ((i == 6)?'<li class="ultimo"></li>':'<li class="separador"></li>'); 	//  escrevo dentro da tag com id menuprincipal os valores de menu.		
		}
	}
	menu_ativo = $('1');
	menu_ativo.className = 'ativo';
}

// função que oculta a galeria de imagem
function oculta() {
	$('galimagens').style.display = 'none';	
}
	
// Declaro a variavel global para ativar e desativar menu principal.
var link_menuPrinc;
var menu_ativo;

// Funo que cria o submenu e conteudo correspondente em XML e XSLT.
function criaSubmenu(link_menu, id_menu) {
	menu_ativo.className = '';
	x = xmlDoc.getElementsByTagName('area');
	if (link_menuPrinc!=null){
	   link_menuPrinc.className = '';
	}
	link_menuPrinc = link_menu;
	for (i=0;i<x.length;i++) {
		if (x[i].getAttribute('id') == id_menu) {
			$('submenu').innerHTML = '';
			y = x[i].getElementsByTagName('subarea')
			for (j=0;j<y.length;j++) {
				$('submenu').innerHTML += '<li><a id="link_Submenu'+ j +'" href="#" onclick="textosefotos('+ x[i].getAttribute('id') + ',' + y[j].getAttribute('id') +')">' + (y[j].getElementsByTagName('submenu')[0].childNodes[0].nodeValue) + '</a></li>';
			}
		}
		
	}
	link_menuPrinc.className = 'ativo';
}

// Funo que chama o principal de cada item
function textosprinc(id_menu) {
	x = xmlDoc.getElementsByTagName('area')
	for (i=0;i<x.length;i++) {
		if (x[i].getAttribute('id') == id_menu) {
			o = x[i].getElementsByTagName('chamada')
			for (t=0;t<o.length;t++){
				$('textos').innerHTML = (o[t].childNodes[0].nodeValue); 
			}
		}
	}
}

// Funo que chama o texto e cria o carrosel de imagens.
function textosefotos(id_menu, id_submenu) {
	x = xmlDoc.getElementsByTagName('area')
	for (i=0;i<x.length;i++) {
		if (x[i].getAttribute('id') == id_menu) {
			y = x[i].getElementsByTagName('subarea')
			for (j=0;j<y.length;j++) {
				$('link_Submenu'+j).className = '';
				try {	
					if (y[j].getAttribute('id') == id_submenu) {
						$('link_Submenu'+j).className = 'ativo';
						$('galimagens').style.display = 'block';
						$('textos').innerHTML = (y[j].getElementsByTagName('texto')[0].childNodes[0].nodeValue);
						$('motiongallery').innerHTML = '';
						o = y[j].getElementsByTagName('imagens')
						for (t=0;t<o.length;t++){
							var pai = $('motiongallery');
							var a = document.createElement('a');
							var version=0
							if (navigator.appVersion.indexOf("MSIE")!=-1){
								temp=navigator.appVersion.split("MSIE")
								version=parseFloat(temp[1])
								if (version>=5.0) {
									$('motiongallery').innerHTML += '<a href="'+ o[t].getElementsByTagName('url_g')[0].childNodes[0].nodeValue +'" rel="lightbox[roadtrip]" title="'+ o[t].getElementsByTagName('legenda')[0].childNodes[0].nodeValue +'"><img src="'+ o[t].getElementsByTagName('url_p')[0].childNodes[0].nodeValue +'" style="float: left; margin-right: 10px; margin-bottom: 10px; border: 6px solid #E6E6E6" border="none"/></a>';
								}
							} else {
								a.setAttribute('href',o[t].getElementsByTagName('url_g')[0].childNodes[0].nodeValue);
								a.setAttribute('rel','lightbox[roadtrip]');
								a.setAttribute('title',o[t].getElementsByTagName('legenda')[0].childNodes[0].nodeValue);
								var tagimg = document.createElement('img');
								tagimg.setAttribute('src',o[t].getElementsByTagName('url_p')[0].childNodes[0].nodeValue);
								tagimg.setAttribute('style','float: left; margin-right: 10px; margin-bottom: 10px; border: 6px solid #E6E6E6');
								tagimg.setAttribute('border','none');
								a.appendChild(tagimg);
								pai.appendChild(a);
							}
						}
					}
				} catch(e) {}
			}
		}
	}
}