$(document).ready(function() {
	

	var accidentes = $("#accidentes");
	var trabajo = $("#trabajo");
	var otrosServicios = $("#otrosServicios");
	var contacto = $("#contacto");
	var botona = $("#botona");
	var botonb = $("#botonb");
	var botonc = $("#botonc");
	var botond = $("#botond");
	var botone = $("#botone");
	var botonf = $("#botonf");
	var botong = $("#botong");
	var botonh = $("#botonh");
	var botoni = $("#botoni");
	var botonj = $("#botonj");
	var infoa = $("#infoa");
	var infob = $("#infob");
	var infoc = $("#infoc");
    var map = new google.maps.Map(document.getElementById("map_canvas"));



	botona.css({ "color" : "#911925"});
	
	botona.click(function() {
		boton(otrosServicios, contacto,trabajo, accidentes, botona, botonb, botonc,botonj);
		});

	botonb.click(function() {
		boton(accidentes, contacto,trabajo, otrosServicios, botonb, botonc, botona,botonj);
	});
	botonc.click(function() {
		boton(otrosServicios, accidentes,trabajo, contacto, botonc, botonb, botona,botonj);
		google.maps.event.trigger(map, 'resize');
		initialize();
	});
	botonj.click(function() {
		boton(otrosServicios, accidentes,contacto, trabajo, botonj, botonb, botona,botonc);
	});
	botond.click(function() {
		slideToggle(infoa);
	});
	botone.click(function() {
		slideToggle(infob);
	});
	botonf.click(function() {
		slideToggle(infoa);
	});
	botong.click(function() {
		slideToggle(infob);
	});
	botonh.click(function() {
		slideToggle(infoc);
	});
	botoni.click(function() {
		slideToggle(infoc);
	});
});
	
	
function boton(oculta1, oculta2,oculta3, semuestra, prendido, apagado1, apagado2,apagado3){
			oculta1.fadeOut("fast");
			oculta2.fadeOut("fast");
			oculta3.fadeOut("fast");
			semuestra.slideDown("slow");
			prendido.css({"color":"#911925"});
			apagado1.css({"color":"#b7b7b7"});
			apagado2.css({"color":"#b7b7b7"});
			apagado3.css({"color":"#b7b7b7"});
		};
function slideToggle(info){
	info.slideToggle();
};
function initialize() {
    var latlng = new google.maps.LatLng(-34.92431098364935, -57.94959783554077);
    var myOptions = {
      zoom: 15,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

	var marker = new google.maps.Marker({
      position: latlng, 
      map: map,
	});
};


