window.onload = function(){
	// define o caminho das imagens utilizadas
	var uriImage	= document.getElementById( 'val_img' ).value;
    
	// defina o nome do combo que mostrara as ufs
	var comboUfName = 'comboUf';

	// ufs que usam o diario municipal, para cada nova UF acrescentada nao esqueca de incluir o nome
	var ufList	= ['am','ce','go','ma','mg','ms','pa','pb','pe','rj','rn','ro','rs','se','sp'];
	var ufName  = {'am': { 'name': 'Amazonas', 'link': 'aam'},
				   'ce': { 'name': 'Ceará', 'link': 'aprece'},
				   'go': { 'name': 'Goiás', 'link': 'fmm'},
                   'ma': { 'name': 'Maranhão', 'link': 'ma'}, 
				   'mg': { 'name': 'Minas Gerais', 'link': 'amm-mg'}, 
				   'ms': { 'name': 'Mato Grosso do Sul', 'link': 'assomasul'},
				   'pa': { 'name': 'Pará', 'link': 'famep'},
				   'pb': { 'name': 'Paraíba', 'link': 'famup'},
				   'pe': { 'name': 'Pernambuco', 'link': 'amupe'},
				   'rj': { 'name': 'Rio de Janeiro', 'link': 'aemerj'},
				   'rn': { 'name': 'Rio Grande do Norte', 'link': 'femurn'}, 
				   'ro': { 'name': 'Rondônia', 'link': 'arom'},
				   'rs': { 'name': 'Rio Grande do Sul', 'link': 'famurs'},
				   'se': { 'name': 'Sergipe', 'link': 'sergipe'},
				   'sp': { 'name': 'São Paulo', 'link': 'apm'} }
    
    // nao esquema de inserir uma entrada com as de coordenadas do estado(uf)
    // no arquivo: app/modules/diario_default/views/scripts/index/index.phtml

    
	// !!! nao altere nada daqui pra baixo a menos que seja para correcao de bug!!!
	///////////////////////////////////////////////////////////////////////////////
	//var urlImage    	= window.location.href.split( 'br/' )[0]+'br/'+uriImage;
	// alterei o valor da urlImage para receber o valor que passo via hidden val_img
	var urlImage		= uriImage;
	var imageBase 		= document.getElementById( 'image_base' );
	var imageBaseSrc	= imageBase.src;
	var comboUf 		= document.getElementById( comboUfName );
	if( !comboUf ) throw 'Combo nao encontrada';

	// precarrega todas as imagnes que serao usadas pelo mapa
	var imageList = {};
	for( var i = 0; i < ufList.length; i++ ){
		imageList[ufList[i]] = document.createElement('img');
		imageList[ufList[i]].src = urlImage + 'img_mapa_' + ufList[i] + '.gif';
		imageList[ufList[i]].id  = ufList[i];

		// adiciona a uf no combo
		var elOption = document.createElement( 'option' );
			elOption.value = ufList[i];
			elOption.text  = ufName[ufList[i]].name;
		     try { comboUf.add( elOption, null ); }
		catch(ex){ comboUf.add( elOption ); }

		// linka o valor do combo com a troca de imagem
		comboUf.onchange = function(){
			imageBase.src = comboUf.options[comboUf.selectedIndex].value == 0 ?
							imageBaseSrc :  imageList[comboUf.options[comboUf.selectedIndex].value].src;
		}

		// define mouverover para cada uma das imagens carregadas
		document.getElementById('coord_'+ufList[i]).onmouseover = function(){
			var id = this.id.split('_')[1];
			imageBase.src = imageList[id].src;

			// se clicar enviar para entidade gestora
			this.onclick = function(){
				// seleciona o combo com a uf clicada
				for( var i = 0; i < comboUf.length; i++ )
					if( comboUf[i].value != 0 && comboUf[i].value == id ) comboUf[i].selected = true;
			}
			this.onmouseout = function(){ imageBase.src = imageBaseSrc;}
		}
	}

	// ativa o botao de enviar
	var btnEnviar = document.getElementById( 'btn_enviar' );
		btnEnviar.onmouseover = function(){ 
			this.style.cursor = 'pointer';
			this.onclick=function(){
				if( comboUf.options[comboUf.selectedIndex].value == 0 ){
					alert( 'Seleciona um Estado' );
				}else{
					// particularidade da vox(saber o protocolo e ambiente )
					var protocol	= /*window.location.toString().split(':')[0]*/ 'http';
					var environmnet = window.location.toString().match(/\/\/([^.]+)\./)[1]
					window.location = protocol +  '://' + 
									  environmnet + '.diariomunicipal.com.br/' +
									  ufName[comboUf.options[comboUf.selectedIndex].value].link;
				}
			} 
		}
}