// JavaScript Document

var opacity = 100;
var toFadeOut = null;
var fadeOutInterval = null;
				
function fadeOut () {

	if (opacity > 0) {
				
		opacity     -= 10;
		opacityTemp  = opacity / 100;
						
		for (i = 0; i < toFadeOut.length; i++) {
							
			currentElement = document.getElementById(toFadeOut[i]);
					
			if (currentElement.filters)
			    currentElement.filters.alpha.opacity = opacity;

			currentElement.style.MozOpacity = opacityTemp;
			currentElement.style.KhtmlOpacity = opacityTemp;
			currentElement.style.opacity = opacityTemp;
		}
						
	} else {
				clearInterval(fadeOutInterval);
		var mapa = document.getElementById("mapaDiv");
		mapa.style.width = "550px";
		mapa.style.height = "450px";
		mapa.style.display = "";

		crearMapa();
						
	}
  					
}
				
function startFadeOut (elements) {
	toFadeOut = elements;
	fadeOutInterval = setInterval("fadeOut()", 25);
}





//GMaps
var mapa;
var icon;
var p1, p2, p3;
var m1, m2, m3;
	
	function crearMapa()
	{
		mapa = new GMap2(document.getElementById("mapaDiv"));
    	mapa.addControl(new GLargeMapControl());
    	mapa.addControl(new GOverviewMapControl());
    	
		mapa.setCenter(new GLatLng(4.655584,-74.065897),17);
	
		icon = new GIcon();
		icon.image = "http://www.nems.org/images/a_mark.gif";
		icon.shadow = "";
		icon.iconSize = new GSize(36, 36);
		icon.shadowSize = new GSize(36, 36);
		icon.iconAnchor = new GPoint(6, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);
	
	
	    p1 = new GLatLng(4.655584,-74.065897);
    	m1 = createMarkerPrincipal(p1,'<div style="width:260px"><center><b>AYCH TECNIAUTOMOTRIZ LTDA</b><br /><img src="images/aych.jpg" /><br /></center><img src="images/world.png" /> Calle 67 No.15-69<br /><img src="images/telephone.png" /> 310 5584 - 248 2667 <img src="images/table_go.png" /> 310 5584<br /><img src="images/email_open.png" /> aychautomotriz@laspartes.com.co<br /><img src="images/link.png" /><a href="#"> Ver productos y servicios</a></div>')
    	mapa.addOverlay(m1);
    
    	p2 = new GLatLng(4.655253,-74.065372);
    	m2 = createMarker(p2,'<div style="width:260px"><center><b>TALLER AUTOMOTRIZ 1</b><br /><img src="images/taller1.jpg" /><br /></center><img src="images/world.png" /> Calle 67 No.16-01<br /><img src="images/telephone.png" /> 310 5584 - 248 2667 <img src="images/table_go.png" /> 310 5584<br /><img src="images/email_open.png" /> taller1@laspartes.com.co<br /><img src="images/link.png" /><a href="#"> Ver productos y servicios</a></div>')
    	mapa.addOverlay(m2);
    
    	p3 = new GLatLng(4.65521,-74.064792);
    	m3 = createMarker(p3,'<div style="width:260px"><center><b>TALLER AUTOMOTRIZ 2</b><br /><img src="images/taller2.jpg" /><br /></center><img src="images/world.png" /> Calle 67 No.15-60<br /><img src="images/telephone.png" /> 310 5584 - 248 2667 <img src="images/table_go.png" /> 310 5584<br /><img src="images/email_open.png" /> taller2@laspartes.com.co<br /><img src="images/link.png" /><a href="#"> Ver productos y servicios</a></div>')
    	mapa.addOverlay(m3);
	}
	
	
	
	//<![CDATA[
    
   
		function createMarker(punto,html) 
		{
			var marcador = new GMarker(punto);
			GEvent.addListener(marcador, "click", function() 
			{
				marcador.openInfoWindowHtml(html);
			});
			return marcador;
	    }
		
		function createMarkerPrincipal(punto,html) 
		{
			var marcador = new GMarker(punto, icon);
			GEvent.addListener(marcador, "click", function() 
			{
				marcador.openInfoWindowHtml(html);
			});
			return marcador;
	    }