// JavaScript Document (banner)
function alteraBanner(oid,tag) {
    for (x = 1; x <=3; x++) {
		document.getElementById('nav0'+x).className='link';
    }
        document.getElementById('nav0' + oid).className = 'active';
        switch (tag)
         {
            case "home":
                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/home/banner-home0' + oid + '.jpg" />';
                break;
            case "Armazenagem":

                break;                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/armazenagem/banner_armazenagem0' + oid + '.jpg" />';
                break;
            case "Cargas_Gerais":
                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/cargasgerais/banner_cargas_gerais0' + oid + '.jpg" />';
            case "Farma_Quimica":
                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/farmaquimica/banner_farma_quimica0' + oid + '.jpg" />';
                break;
            case "Op_Portuarias":
                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/opportuarias/banner_op_portuarias0' + oid + '.jpg" />';
                break;
            case "FoodService":
                document.getElementById("banner_home").innerHTML = '<img src="imagens/banners/foodservice/banner_food_service0' + oid + '.jpg" />';
                break;
        }
        document.getElementById('nav_value').value = oid;
    }
    var contador = 3;
    function conta() {
        if (contador == '0') {
            contador = 3;
            var _banner = document.getElementById('nav_banner').value;
            var num = document.getElementById('nav_value').value;
            if (num == '1') {
                num = 2;
            }
            else if (num == '2') {
                num = 3;
            }
            else if (num == '3') {
                num = 1;
            }
            else {
                num = 1;
            }
            alteraBanner(num, _banner);
        }
        contador = contador - 1;
        setTimeout("conta()",3*1000);
    }
    // fim do banner 


/*LINHA DO TEMPO*/

// JavaScript Document

function alteraAno(oid){
	
	for (i=1;i<=16;i++){
		document.getElementById("ano"+i).innerHTML = '';
	}
	
	switch (oid)
		{
		  
		case '2':
			/* 1945 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1945.png" alt="" /></div><div class="txt"><h4>1945</h4><p>In&iacute;cio de novas atividades, efetuando transportes de aves e ovos para a capital S&atilde;o Paulo.</p></div>';
			/* 1947 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1947.png" alt="" /></div><div class="txt"><h4>1947</h4><p>A empresa j&aacute; possu&iacute;a uma frota de oito caminh&otilde;es (Dodges Studebakers).</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'1\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'3\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano2").innerHTML = '<img src="imagens/home/setinha_linhadotempo.png" alt="" />';
			/*document.getElementById("ano9").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';*/
		break;
		
		case '3':
			/* 1953 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1953.png" alt="" /></div><div class="txt"><h4>1953</h4><p>Funda&ccedil;&atilde;o como transportadora de carga.</p></div>';
			/* 1960 [1] */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1960.png" alt="" /></div><div class="txt"><h4>1960</h4><p>Mudan&ccedil;a da sede para S&atilde;o Paulo.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'2\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'4\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano3").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano10").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		case '4':
			/* 1969 (antigo 1960 [2]) */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1969.png" alt="" /></div><div class="txt"><h4>1969</h4><p>Gran&eacute;is s&oacute;lidos e material de constru&ccedil;&atilde;o civil.</p></div>';
			/* 1975 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1975.png" alt="" /></div><div class="txt"><h4>1975</h4><p>Opera&ccedil;&atilde;o de Min&eacute;rios e Gran&eacute;is.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'3\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'5\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano4").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano11").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		case '5':
			/* 1988 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1988.png" alt="" /></div><div class="txt"><h4>1988</h4><p>Diversifica&ccedil;&atilde;o de Seguimentos</p></div>';
			/* 1990 [1] */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1990.png" alt="" /></div><div class="txt"><h4>1990</h4><p>Consolida&ccedil;&atilde;o no segmento automotivo e informatiza&ccedil;&atilde;o completa.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'4\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'6\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano5").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano12").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		case '6':
			/* 1990 [2] */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1990_2.png" alt="" /></div><div class="txt"><h4>1990</h4><p> Diversifica&ccedil;&atilde;o de segmentos. </p></div>';
			/* 1992 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1992.png" alt="" /></div><div class="txt"><h4>1992</h4><p>Fortalecimento das atividades de importa&ccedil;&atilde;o e exporta&ccedil;&atilde;o na baixada santista.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'5\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'7\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano5").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano13").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		case '7':
			/* 1999 [1] */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1999.png" alt="" /></div><div class="txt"><h4>1999</h4><p>Mudan&ccedil;a da sede para Guarulhos.</p></div>';
			/* 1999 [2] */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1999_2.png" alt="" /></div><div class="txt"><h4>1999</h4><p>Foco em terceiriza&ccedil;&otilde;es de frotas e servi&ccedil;os dedicados.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'6\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'8\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano6").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano11").innerHTML = '';
		break;
		
		case '8':
			/* 2002 [1] */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2002.png" alt="" /></div><div class="txt"><h4>2002</h4><p>Mirassol entra no segmento florestal.</p></div>';
			/* 2002 [2] */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2002_2.png" alt="" /></div><div class="txt"><h4>2002</h4><p>Certifica&ccedil;&atilde;o ISSO 9001.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'7\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'9\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano4").innerHTML = '';
			document.getElementById("ano14").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		case '9':
			/* 2004 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2004.png" alt="" /></div><div class="txt"><h4>2004</h4><p>Se especializa como operador log&iacute;stico</p></div>';
			/* 2007 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2007.png" alt="" /></div><div class="txt"><h4>2007</h4><p>Cria divis&atilde;o de cargas qu&iacute;micas.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'8\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '<a href="javascript: alteraAno(\'10\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano7").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano15").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';			
		break;
		
		case '10':
			/* 2009 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2009.png" alt="" /></div><div class="txt"><h4>2009</h4><p>Joint Venture com LSI Log&iacute;stica.</p></div>';
			/* 2011 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/2011.png" alt="" /></div><div class="txt"><h4>2011</h4><p>Mirassol entra na era digital oferecendo servi&ccedil;os de tecnologia mobile e solu&ccedil;&otilde;es completas e integradas para toda cadeia log&iacute;stica.</p></div>';
			var linkleft = '<a href="javascript: alteraAno(\'9\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var linkright = '&nbsp;';
			document.getElementById("ano8").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano16").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		break;
		
		default:
			/* 1939 */
			var colleft = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1939.png" alt="" /></div><div class="txt"><h4>1939</h4><p> Transporte de passageiros </p></div>';
			/* 1943 */
			var colright = '<div class="img"><img src="imagens/linha-tempo/carros_datas/1943.png" alt="" /></div><div class="txt"><h4>1943</h4><p>Parada da atividade causada pela falta de combust&iacute;vel em virtude do Brasil participar da 2&ordf; grande Guerra Mundial.</p></div>';
			var linkleft = '&nbsp;';
			var linkright = '<a href="javascript: alteraAno(\'2\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
			document.getElementById("ano1").innerHTML = '<img src="imagens/home/setinha_linhadotempo.jpg" alt="" />';
			document.getElementById("ano9").innerHTML = '<img src="imagens/home/setinha_linhadotempo2.jpg" alt="" />';
		}
	document.getElementById("col_left").innerHTML = colleft;
	document.getElementById("col_right").innerHTML = colright;
	document.getElementById("link_left").innerHTML = linkleft;
	document.getElementById("link_right").innerHTML = linkright;
}





		
		
/* FROTA */
function alteraEquipamento(oid){
	for(x=1;x<=12;x++){
		document.getElementById('equi'+x).className = 'link';
	}
	
	switch (oid)
	{

	case '2':
		/* 3/4 */
		var img = '3-4';
		var title = '3/4';
		var txt = 'Capacidade de Peso:  4000kg <br/> Comprimento: 6,20mts';	  
		var linkleft = '<a href="javascript: alteraEquipamento(\'1\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'3\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;

	case '3':
		/* Truck */
		var img = 'truck';
		var title = 'Truck';
		var txt = 'Capacidade de carga: 14.000kg <br/> Comprimento Sider 8,50 <br/> Espa&ccedil;o &uacute;til de carga 14 palets';
		var linkleft = '<a href="javascript: alteraEquipamento(\'2\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'4\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '4':
		/* Sider Rebaxaida */
		var img = 'sider-rebaxaida';
		var title = 'Sider Rebaxaida';
		var txt = 'Capacidade de carga: 26000kg <br/> Capacidade Volume 28 palets <br/> Comprimento 15mts ';
		var linkleft = '<a href="javascript: alteraEquipamento(\'3\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'5\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '5':
		/* Baś 30 Pallets */
		var img = 'bau-30-pallets';
		var title = 'Ba&uacute; 30 Pallets';
		var txt = '';	
		var linkleft = '<a href="javascript: alteraEquipamento(\'4\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'6\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '6':
		/* Porta Container */
		var img = 'porta-container';
		var title = 'Porta Container';
		var txt = '';
		var linkleft = '<a href="javascript: alteraEquipamento(\'5\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'7\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
			
	case '7':
		/* Tanque */
		var img = 'tanque';
		var title = 'Tanque';
		var txt = '';
		var linkleft = '<a href="javascript: alteraEquipamento(\'6\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'8\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '8':
		/* Bitrem */
		var img = 'bitrem';
		var title = 'Bitrem';
		var txt = 'Capacidade de Peso: 38000kg <br/>Comprimento: 6,5mts cada m&oacute;dulo ' ;
		var linkleft = '<a href="javascript: alteraEquipamento(\'7\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'9\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '9':
		/* Tanque */
		var img = 'tri-trem-madereiro';
		var title = 'Tri Trem Madereiro';
		var txt = '';
		var linkleft = '<a href="javascript: alteraEquipamento(\'8\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'10\');"><img src="imagens/frota/right.jpg" alt="" /></a>';			
	break;

	case '10':
		/* Rodotrem */
		var img = 'rodotrem';
		var title = 'Rodotrem';
		var txt = '';
		var linkleft = '<a href="javascript: alteraEquipamento(\'9\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'11\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;
	
	case '11':
		/* Van */
		var img = 'van';
		var title = 'Van';
		var txt = 'Capacidade de Peso: 2000kg <br/> Comprimento: 4,20mts ';
		var linkleft = '<a href="javascript: alteraEquipamento(\'10\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '<a href="javascript: alteraEquipamento(\'12\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	break;

	case '12':
		/* Vanderleia */
		var img = 'vanderleia';
		var title = 'Vanderl&eacute;ia';
		var txt = 'Capacidade de Peso: 34000kg <br/> Capacidade volume: 30 palets <br/> Comprimento: 15 mts ';
		var linkleft = '<a href="javascript: alteraEquipamento(\'11\');"><img src="imagens/frota/left.jpg" alt="" /></a>';
		var linkright = '';
	break;
	
	default:
		/* Pick-Up */
		var img = 'pick-up';
		var title = 'Pick Up';
		var txt = '';
		var linkleft = '';
		var linkright = '<a href="javascript: alteraEquipamento(\'2\');"><img src="imagens/frota/right.jpg" alt="" /></a>';
	}

	
	document.getElementById('equi'+oid).className = 'on';
	document.getElementById("base_cont").innerHTML = '<div class="img"><img src="imagens/frota/carros/'+img+'.jpg" alt="" /></div><div class="txt"><h4>'+title+'</h4><p>'+txt+'</p></div>';
	document.getElementById("link_equi_left").innerHTML = linkleft;
	document.getElementById("link_equi_right").innerHTML = linkright;
}





/*SUSTENTABILIDADE*/

// JavaScript Document

function alteraSus(oid){	
	switch (oid)
		{
		  
		case '2':
			/* 1945 */
			var acoescolleft = '<div class="img"><img src="imagens/sustentabilidade/03.png" alt="" /></div><div class="txt"><p>Apoio e patroc&iacute;nio ao esporte.</p></div>';
			/* 1947 */
			var acoescolright = '<div class="img"><img src="imagens/sustentabilidade/04.png" alt="" /></div><div class="txt"><p> Coleta seletiva e reciclagem de res&iacute;duos.</p></div>';
			var acoeslinkleft = '<a href="javascript: alteraSus(\'1\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var acoeslinkright = '<a href="javascript: alteraSus(\'3\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
		break;
		
		case '3':
			/* 1953 */
			var acoescolleft = '<div class="img"><img src="imagens/sustentabilidade/05.png" alt="" /></div><div class="txt"><p>Esta&ccedil;&atilde;o de tratamento para reuso de &aacute;gua.</p></div>';
			/* 1960 [1] */
			var acoescolright = '<div class="img"><img src="imagens/sustentabilidade/06.png" alt="" /></div><div class="txt"><p>Reflorestamento e neutraliza&ccedil;&atilde;o de carbono.</p></div>';
			var acoeslinkleft = '<a href="javascript: alteraSus(\'2\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var acoeslinkright = '<a href="javascript: alteraSus(\'4\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
		break;
		
		case '4':
			/* 1969 (antigo 1960 [2]) */
			var acoescolleft = '<div class="img"><img src="imagens/sustentabilidade/07.png" alt="" /></div><div class="txt"><p>Participa&ccedil;&atilde;o em programas sociais e educacionais.</p></div>';
			/* 1975 */
			var acoescolright = '<div class="img"><img src="imagens/sustentabilidade/08.png" alt="" /></div><div class="txt"><p>Programas de cr&eacute;dito de carbono.</p></div>';
			var acoeslinkleft = '<a href="javascript: alteraSus(\'3\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var acoeslinkright = '<a href="javascript: alteraSus(\'5\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
		break;
		
		case '5':
			/* 1988 */
			var acoescolleft = '<div class="img"><img src="imagens/sustentabilidade/09.png" alt="" /></div><div class="txt"><p>Utiliza&ccedil;&atilde;o e projetos para desenvolvimento de combust&iacute;veis renov&aacute;veis</p></div>';
			/* 1990 [1] */
			var acoescolright = '<div class="img"></div><div class="txt"></div>';
			var acoeslinkleft = '<a href="javascript: alteraSus(\'4\');"><img src="imagens/linha-tempo/left.gif" alt=""/></a>';
			var acoeslinkright = '<a href="javascript: alteraSus(\'6\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
		break;
		
				
		default:
			/* 1939 */
			var acoescolleft = '<div class="img"><img src="imagens/sustentabilidade/01.png" alt="" /></div><div class="txt"><p> Espa&ccedil;o qualidade de vida para nossos colaboradores. </p></div>';
			/* 1943 */
			var acoescolright = '<div class="img"><img src="imagens/sustentabilidade/02.png" alt=""/></div><div class="txt"><p>Apoio e patroc&iacute;nio a cultura e entretenimento.</p></div>';
			var acoeslinkleft = '&nbsp;';
			var acoeslinkright = '<a href="javascript: alteraSus(\'2\');"><img src="imagens/linha-tempo/right.gif" alt=""/></a>';
		}
		
	document.getElementById("acoes_col_left").innerHTML = acoescolleft;
	document.getElementById("acoes_col_right").innerHTML = acoescolright;
	document.getElementById("acoes_link_left").innerHTML = acoeslinkleft;
	document.getElementById("acoes_link_right").innerHTML = acoeslinkright;
}