var combocastro ='<h2>Localidade em Castro:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"><option value="" selected="selected"> </option> <option value="abapa">Abap&atilde;</option> <option value="aparicao"> Apari&ccedil;&atilde;o</option> <option value="chacaracachoeira"> Ch&aacute;cara Cachoeira</option><option value="coloniaiapo"> Col&ocirc;nia Iap&oacute;</option> <option value="pedras"> Pedras</option> <option value="socavao"> Socav&atilde;o</option> <option value="tabor"> Tabor</option> </select> ';
var combocarambei ='<h2>Localidade em Carambe&iacute;:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"><option value=""selected="selected"> </option><option value="boqueirao">Boqueir&atilde;o</option><option value="catanduvadefora">Catanduva de Fora</option></select> ';
var combotibagi = '<h2>Localidade em Tibagi:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"><option value="" selected="selected"> </option><option value="alto_amparo">Alto Amparo</option><option value="a_sao_carlos_sabao">A S&atilde;o Carlos Sab&atilde;o</option><option value="bom_jardim">Bom Jardim</option> <option value="fazmanzanilha">Fazenda Manzanilha</option> <option value="tibagi">Tibagi</option></select> ';
var combopg = '<h2>Localidade em Ponta Grossa:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"> <option value="" selected="selected"> </option> <option value="bocaina">Bocaina</option><option value="coloniatapera">Col&ocirc;nia Tapera</option> <option value="itaiacoca">Itaiacoca  </option> <option value="piriquitos">Piriquitos</option><option value="pontagrossa">Ponta Grossa</option><option value="santacruz">Santa Cruz </option><option value="uvaia">Uvaia</option></select>';
var combopirai ='<h2>Localidade em Pira&iacute; do Sul:</h2><select class="combo" id="reg"onchange="mudagraf(this.value)"><option value="" selected="selected"> </option><option value="capinzal">Capinzal</option><option value="guaricanga">Guaricanga</option><option value="pirai">Pira&iacute; do Sul</option><option value="santoandre">Santo Andr&eacute;</option></select>';
var comboteixeira = '<h2>Localidade em Teixeira Soares:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"><option value="" selected="selected"> </option><option value="guarauna">Guara&uacute;na</option><option value="teixeirasoares">Teixeira Soares</option></select>';
var combotelemaco ='<h2>Localidade em Tel&ecirc;maco Borba:</h2><select class="combo" id="reg" onchange="mudagraf(this.value)"><option value="" selected="selected"> </option><option value="telemacoborbamal">Mal. Tel&ecirc;maco Borba</option><option value="telemacoborbaipr">Tel&ecirc;maco Borba</option></select>';

var pasta = "../../img/climatologia/balanco/"; 

function mudacombo(city){	
	document.getElementById('combo').innerHTML = "";
	switch(city){
		
	case "castro":
		document.getElementById('combo').innerHTML = combocastro;break;
    case "carambei":
		document.getElementById('combo').innerHTML = combocarambei;break;
    case "tibagi":
		document.getElementById('combo').innerHTML = combotibagi;break;
    case "pontagrossa":
		document.getElementById('combo').innerHTML = combopg;break;
    case "piraidosul":
		document.getElementById('combo').innerHTML = combopirai;break;	
	case "teixeirasoares":
		document.getElementById('combo').innerHTML = comboteixeira;break;
	case "telemacoborba":
	 	document.getElementById('combo').innerHTML = combotelemaco;break;
	case "cerroazul":	
		document.getElementById('graf01').src = pasta + "cerroazul.jpg";
		document.getElementById('graf02').src = pasta + "cerroazul1.jpg";
	break;
	case "imbauzinho":	
		document.getElementById('graf01').src = pasta + "imbauzinho.jpg";
		document.getElementById('graf02').src = pasta + "imbauzinho1.jpg";
	break;
	case "ventania":	
		document.getElementById('graf01').src = pasta + "ventania.jpg";
		document.getElementById('graf02').src = pasta + "ventania1.jpg";
	break;
	case "itapeva":	
		document.getElementById('graf01').src = pasta + "itapeva1.jpg";
	break;
	case "itarare":	
		document.getElementById('graf01').src = pasta + "itarare1.jpg";
	break;
	case "itabera":	
		document.getElementById('graf01').src = pasta + "itabera1.jpg";
	break;
	case "fernandespinheiro":	
		document.getElementById('graf01').src = pasta + "fernandespinheiro.jpg";
		document.getElementById('graf02').src = pasta + "fernandespinheiro1.jpg";
	break;
	case "apiai":	
		document.getElementById('graf01').src = pasta + "apiai1.jpg";
	break;
	case "taquarituba":	
		document.getElementById('graf01').src = pasta + "taquarituba1.jpg";
	break;
	case "capaobonito":	
		document.getElementById('graf01').src = pasta + "capaobonito1.jpg";
	break;
	case "jaguariaiva":	
		document.getElementById('graf01').src = pasta + "eduardoxavier.jpg";
		document.getElementById('graf02').src = pasta + "eduardoxavier1.jpg";
	break;
	case "ortigueira":	
		document.getElementById('graf01').src = pasta + "usinamaua.jpg";
		document.getElementById('graf02').src = pasta + "usinamaua1.jpg";
	break;
	case "arapoti":	
		document.getElementById('graf01').src = pasta + "riodopeixe.jpg";
		document.getElementById('graf02').src = pasta + "riodopeixe1.jpg";
	break;
	}
}

function mudagraf(reg){ 
	document.getElementById('graf01').src = pasta + reg + '.jpg';
	document.getElementById('graf02').src = pasta + reg + '1.jpg';
}