var roundImg = new Image();
roundImg.src = "/images/round_img.gif";

var roundImgOver = new Image();
roundImgOver.src = "/images/round_hover.gif";


if (!document.myGetElementsByClassName) {
	document.myGetElementsByClassName = function(className) {
	    var children = document.getElementsByTagName('*') || document.all;
	    var elements = new Array();
	
	    for (var i = 0; i < children.length; i++) {
			var child = children[i];
			var classNames = child.className.split(' ');
			for (var j = 0; j < classNames.length; j++) {
		        if (classNames[j] == className) {
	                elements.push(child);
	                break;
		        }
			}
	    }
	    return elements;
	}
}


function initSearchItem(){
	var itemObj = document.myGetElementsByClassName('searchItem');
	var iLen = itemObj.length;
	
	for(var i=0;i<iLen;i++){
		var tmpObj = itemObj[i];
		tmpObj.onmouseover = function(e){
			highlightSearchItem(this);
		}
		tmpObj.onmouseout = function(e){
			unHighlightSearchItem(this);
		}
	}
}

function highlightSearchItem(obj){
	obj.style.backgroundColor = "#eeeeee";
	obj.childNodes[1].style.backgroundImage = "url('"+ roundImgOver.src +"')";
}

function unHighlightSearchItem(obj){
	obj.style.backgroundColor = "#ffffff";
	obj.childNodes[1].style.backgroundImage = "url('"+ roundImg.src +"')";
}


function setSearchItem(iKey){
	var itemObj = document.myGetElementsByClassName('searchItem');
	var iLen = itemObj.length;
	for(var i=0;i<iLen;i++){
		var tmpObj = itemObj[i];
		if((i+1)==iKey){
			highlightSearchItem(tmpObj);
			tmpObj.onmouseout = function(e){}
		}else{
			unHighlightSearchItem(tmpObj);
			tmpObj.onmouseout = function(e){
				unHighlightSearchItem(this);
			}
		}
	}
}


function showBalloon(data,noshow,point){
	
	var dataSplit = data.split('||');
	var datStr = "";
	var tmpSplit = dataSplit[2].split("[LB\]");
	var address = tmpSplit[1] + ", " + tmpSplit[0] + ", " + tmpSplit[2];
	var width = "";
	var i=0;
	datStr = "<div class=\"cboth\">";
		// Logo
		if(dataSplit[1]){
			var imgSplit = dataSplit[1].split('##');
			datStr+="<div class=\"left width50\"><img src=\""+ imgSplit[0] +"\" width=\""+ imgSplit[1] +"\" height=\""+ imgSplit[2]+"\" alt=\""+ imgSplit[3] +"\" border=\"\" /></div>";
			width = "240px";
		}else{
			width = "290px";
		}
		datStr+="<div class=\"left gmapData\" style=\"width:"+width+";\">";
			datStr+="<div class=\"cboth\"><b>"+ dataSplit[0] +"</b></div>";
			datStr+="<div class=\"cboth hSpc5\"></div>";
			datStr+="<div class=\"cboth\">"+ dataSplit[2].replace(/\[LB\]/g, "<br />") +"</div>";
			datStr+="<div class=\"cboth hSpc10\"></div>";
			datStr+="<div class=\"cboth\"><a href=\""+ dataSplit[3] +"\" title=\""+ dataSplit[3] +"\" target=_blank>"+ dataSplit[3] +"</a></div>";
			datStr+="<div class=\"cboth hSpc5\"></div>";
			
			if(dataSplit[4]){
				var emailSplit = dataSplit[4].split('***');
				datStr+="<div class=\"cboth\">";
				datStr+= '<a href=\"mailto:' + emailSplit[0] + '@' + emailSplit[1] + '\" >';
				datStr+= emailSplit[0] + '@' + emailSplit[1] + '</a>';
				datStr+= "</div>";
			}
			
			datStr+="<div class=\"cboth\" style=\"line-height:10px;\">&nbsp;</div>";
			if(noshow!=-1){
				datStr+="<div class=\"cboth\" style=\"border-top:1px solid #d7d7d7;\">";
					datStr+="<div class=\"cboth\" style=\"line-height:5px;\">&nbsp;</div>";
					datStr+="<div class=\"left hand\" onclick=\"showAddresses(addressArray,infoArray);\" style=\"width:20px;padding-top:3px;\"><img src=\"/images/backButton.gif\" width=\"15\" height=\"15\" alt=\"Zurück zu den Suchergebnissen\" title=\"Zurück zu den Suchergebnissen\"></div>";
					datStr+="<div class=\"left\"><a href=\"javascript:void(0);\" onclick=\"showAddresses(addressArray,infoArray);\" title=\"Zurück zu den Suchergebnissen\">Zur&uuml;ck zu den Suchergebnissen</a></div>";
				datStr+="</div>";
			}
		datStr+="</div>";
		
	datStr+= "</div>";
	datStr+= "<input type=\"hidden\" id=\"lat\" value=\""+ point.lat() +"\" />";
	datStr+= "<input type=\"hidden\" id=\"lng\" value=\""+ point.lng() +"\" />";
	datStr+= "<div class=\"cboth font14\" style=\"width:"+width+";padding:10px 0 0 ;\"><a href=\"javascript:showAddrMode(2);\"  class=\"font15\">Routenplaner</a></div>";
	datStr+= '<div class="cboth hiddendiv  font14" id=\"endAddr\" style=\"padding:10px;margin-top:-110px;position:absolute;background:#eeeeee;border:1px solid #cccccc;width:250px;\">End-Adresse:<br/>' +
       		'<input type="text" size="35" maxlength="90" name="daddr1" id="daddr1" value="" /><br>' +
       		'<INPUT value="Wegbeschreibung" TYPE="SUBMIT" style="margin-top:5px;" onclick="getDirections(\''+data+'\',\''+noshow+'\',\''+ address +'\',1);">'+
       		'<input type="hidden" id="saddr1"  value="'+ point.lat() + ','+ point.lng()+'"/>'+
     '</div>';
        
	datStr+= '<div class="cboth hiddendiv font14" id=\"stAddr\" style=\"padding:10px;margin-top:-110px;position:absolute;background:#eeeeee;border:1px solid #cccccc;width:250px;\">Startadresse:<br/>' +
       		'<input type="text" size="35" maxlength="90" name="saddr2" id="saddr2" value="" /><br>' +
       		'<INPUT value="Wegbeschreibung" TYPE="SUBMIT" style="margin-top:5px;" onclick="getDirections(\''+data+'\',\''+noshow+'\',\''+ address +'\',2);">'+
       		'<input type="hidden" id="daddr2"  value="'+ point.lat() + ','+ point.lng()+'"/>'+
     '</div>'; 
           
	return datStr;
}

function showAddrMode(mode){
	var endAddr = document.getElementById('endAddr');
	var stAddr = document.getElementById('stAddr');
	
	
	switch(mode){
		case 1:
			var focusField = document.getElementById('daddr1');
			endAddr.className = (endAddr.className.indexOf('hiddendiv') > -1) ? endAddr.className.replace(/hiddendiv/,'visiblediv') : endAddr.className.replace(/visiblediv/,'hiddendiv');
			stAddr.className = stAddr.className.replace(/visiblediv/,'hiddendiv');
			//focusField.focus();
		break;
		case 2:
			var focusField = document.getElementById('saddr2');
			stAddr.className = (stAddr.className.indexOf('hiddendiv') > -1) ? stAddr.className.replace(/hiddendiv/,'visiblediv') : stAddr.className.replace(/visiblediv/,'hiddendiv');
			// endAddr.className = endAddr.className.replace(/visiblediv/,'hiddendiv');
			//focusField.focus();
		break;
		case 0:
			endAddr.className = endAddr.className.replace(/visiblediv/,'hiddendiv');
			stAddr.className = stAddr.className.replace(/visiblediv/,'hiddendiv');
		break;
	}
}

var map = null;
var myicon = "/images/gmapMarker.png";
var myshadowicon = "/images/gmapMarkerShadow.png";
var setIndex = false;
var defaultAddress = "bamberg, germany";
var htmls = [];
var to_htmls = [];
var from_htmls = [];

var reasons=[];

					
//loads the map 
function loadMap() {
	var icon = new GIcon();
	icon.image = myicon;
	icon.shadow = myshadowicon;
	icon.iconSize = new GSize(22, 35);
	icon.shadowSize = new GSize(100, 33);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	var address  = defaultAddress;
				
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		// Specify controls
		geocoder = new GClientGeocoder();
		if (geocoder) {
			geocoder.getLatLng(
			address,
				function(point) {
					if (!point) {
					}else{
						map.setCenter(point, 10);
						var marker = new GMarker(point,icon);
					}
				}
			);
		}      
	}
	
}

// Not sure if required.
function createMarker(point, mapObj, info, iIndex) {
	var letteredIcon = new GIcon();
	letteredIcon.image = "/images/marker/"+ iIndex + ".png";
	letteredIcon.shadow = myshadowicon;
	letteredIcon.iconSize = new GSize(22, 35);
	letteredIcon.shadowSize = new GSize(37, 30);
	letteredIcon.iconAnchor = new GPoint(6, 20);
	letteredIcon.infoWindowAnchor = new GPoint(5, 1);
	// Set up our GMarkerOptions object
	markerOptions = { icon:letteredIcon };
    mapObj.setCenter(point, 12);
    var marker = new GMarker(point, markerOptions); 
    GEvent.addListener(marker,"click",function(){
	    mapObj.setCenter(point, 15);
		mapObj.addOverlay(marker);
 		var lat = marker.getPoint().lat();
		var lng = marker.getPoint().lng();
        var point = new GLatLng(lat,lng);
		marker.openInfoWindowHtml(showBalloon(info,iIndex,point));
    }); 
	return marker;
}

// info - the information to show in the popup bubble
// address - the address Google Maps has to search for
function showAddress(address,info,key) {
	var icon = new GIcon();
	if(key > 0){
		icon.image = "/images/marker/"+ key + ".png";
	}else{
		icon.image = "/images/gmapMarker.png";
	}
	var backmapdiv = document.getElementById('backtomap');
	if(backmapdiv){
		backmapdiv.className = backmapdiv.className.replace(/visiblediv/,'hiddendiv');
	}
		
	
	icon.shadow = myshadowicon;
	icon.iconSize = new GSize(22, 35);
	icon.shadowSize = new GSize(37, 30);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.setUIToDefault();
		geocoder = new GClientGeocoder();
		if (geocoder) {
			geocoder.getLatLng(
		  		address,
		  		function(point) {
		            	if (!point) {
		              		//alert(address + " not found");
		           	 	} else {
						    map.setCenter(point, 15);
						    var marker = new GMarker(point,icon); 
						    map.addOverlay(marker);
						    var lat = marker.getPoint().lat();
					        var lng = marker.getPoint().lng();
					        var point = new GLatLng(lat,lng);
							marker.openInfoWindowHtml(showBalloon(info,key,point));
		    				// To add an event to a marker
		    				GEvent.addListener(marker, "click", function() {
			   					map.setCenter(point, 15);
			   					if(key > 0 || key==-1){
			   						marker.openInfoWindowHtml(showBalloon(info,key,point));
		   						}
							});
		            	}
		  		}
			);
		}      
	}
} 

// info - the information to show in the popup bubble
// address - the address Google Maps has to search for
function showAddresses(addressArray,infoArray) {
	setIndex = true;
	var icon = new GIcon();
	icon.image = myicon;
	icon.shadow = myshadowicon;
	icon.iconSize = new GSize(22, 35);
	icon.shadowSize = new GSize(37, 30);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.setUIToDefault();
		geocoder = new GClientGeocoder();
		var index=1;
		for(i=1;i<addressArray.length;i++){
			if (geocoder) {
				geocoder.getLatLng(
			  		addressArray[i],
			  		function(point) {
		            	if (!point) {
		              		index = index + 1;
		           	 	} else {
			           	 	map.setCenter(point, 15);
			           	 	var marker = new GMarker(point,icon); 
						    var customMarker = createMarker(point, map, infoArray[index],index);
			 		        map.addOverlay(customMarker);
						    index = index + 1;
			           }
			  		}
				);
			}   
		}   
	}
}

function showSearchAddress(key){
	showAddress(addressArray[key],infoArray[key],key);
}


function buttonMouseOver(Obj){
	cleanWhitespace(Obj);
	var leftObj = Obj.childNodes[0];
	leftObj.childNodes[0].src  = topNaviLhover.src;
	
	var midObj = Obj.childNodes[1].childNodes[0];
	midObj.className = midObj.className.replace(/buttonMid/g, 'buttonMidOver');
	var rightObj = Obj.childNodes[2];
	rightObj.childNodes[0].src = topNaviRhover.src;
}

function buttonMouseOut(Obj){
	cleanWhitespace(Obj);
	var leftObj = Obj.childNodes[0];
	leftObj.childNodes[0].src = topNaviL.src;
	
	var midObj = Obj.childNodes[1].childNodes[0];
	midObj.className = midObj.className.replace(/buttonMidOver/g, 'buttonMid');
	
	var rightObj = Obj.childNodes[2];
	rightObj.childNodes[0].src = topNaviR.src;
}

function getDirections(data,key,address,mode) {
	var backmapdiv = document.getElementById('backtomap');
	if(backmapdiv){
		backmapdiv.className = backmapdiv.className.replace(/hiddendiv/,'visiblediv');
	}
	var lat = document.getElementById('lat').value;
	var lng = document.getElementById('lng').value;
	var point = new GLatLng(lat,lng);
	
	reasons[G_GEO_SUCCESS]            = "Success";
	reasons[G_GEO_MISSING_ADDRESS]    = "Fehlende Adresse: Die Adresse fehlt oder es wurde kein Wert eingetragen.";
	reasons[G_GEO_UNKNOWN_ADDRESS]    = "Diese Adresse konnte nicht gefunden werden.";
	reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Adresse nicht verf&#252;gbar: Der Geocode dieser Adresse kann wegen rechtlicher oder vertragsrechtlicher Gr&#252;nde nicht ausgegeben werden";
	reasons[G_GEO_BAD_KEY]            = "Unzul&#228; ssiger Schl&#252;ssel: Der API Schlüssel ist nicht gültig oder stimmt nicht mit der Domain &#252;berein, für die er bereitgestellt wurde.";
	reasons[G_GEO_TOO_MANY_QUERIES]   = "Zu viele Anfragen: Das t&#228; gliche Kontingent an Anfragen zur Geocodierung ist überschritten.";
	reasons[G_GEO_SERVER_ERROR]       = "Server Fehler: Die Anfrage zur Geocodierung konnte nicht erfolgreich durchgef&#252;hrt werden.";
	reasons[G_GEO_BAD_REQUEST]        = "Es konnte keine Wegbeschreibung erstellt werden.";
	reasons[G_GEO_MISSING_QUERY]      = "In der Eingabe wurde keine Anfrage spezifiziert.";
	reasons[G_GEO_UNKNOWN_DIRECTIONS] = "Das GDirections Objekt konnte die Route zwischen den Punkten nicht berechnen.";
	

 	// ==== Set up the walk and avoid highways options ====
    var opts = {};
    opts.travelMode = G_TRAVEL_MODE_DRIVING;
    opts.avoidHighways = true;
    opts.getPolyline = true;
    
    // ==== set the start and end locations ====
	var saddr = document.getElementById("saddr"+mode).value;
	var daddr = document.getElementById("daddr"+mode).value;
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(point, 15);
    var gdir = new GDirections(map);
	gdir.load("from: "+saddr+" to: "+daddr, opts);
	map.setUIToDefault();
	geocoder = new GClientGeocoder();
	
	// If the location is not available
	GEvent.addListener(gdir, "error", function() {
        var code = gdir.getStatus().code;
        var reason="Code "+code;
        if (reasons[code]) {
          reason = reasons[code];
        } 
        alert(reason);
        showAddress(address,data,key);
    });
}

function initMap() {
	var locationPt 			= {lat: 50.10166659999999, lng: 10.9012357}; // co-ordinates provided by prasad
	var directionsService 	= new google.maps.DirectionsService;
    var directionsDisplay 	= new google.maps.DirectionsRenderer;
	var map 				= new google.maps.Map(document.getElementById('map'), {zoom: 16, center: locationPt});
	directionsDisplay.setMap(map);
	
	var marker = new google.maps.Marker({position: locationPt, map: map});
  
	var contentString = '<div id="content">'+
						'<div id="bodyContent">'+
						'<p>Antiquit&auml;ten Heiss<br/>'+
						'Klingenweg 4<br/>'+
						'96250 Eggenbach<br/>'+
						'Deutschland<br/><br/>'+
						'fon 09533-982856<br/>'+
						'fax 09533-982857<br/>'+
						'<a href="https://www.heiss-antik.de" target="_blank">https://www.heiss-antik.de</a><br/>'+
						'<a href="mailto:info@heiss-antik.de">info@heiss-antik.de</a></p>'+
						'</div>'+
						'</div>';
		var datStr  = '<div class="cboth font14" style="width: 50px;padding:10px 0 0 ;"><a href="javascript:showAddrMode(2);"  class="font15">Routenplaner</a></div>';
			datStr += '<div class="cboth hiddendiv font14" id=\"stAddr\" style=\"padding:10px;margin-top:-110px;position:absolute;background:#eeeeee;border:1px solid #cccccc;width:150px;\">Startadresse:<br/>' +
						'<input type="text" size="20" maxlength="90" name="saddr2" id="saddr2" value="" /><br>' +
						'<INPUT value="Wegbeschreibung" TYPE="SUBMIT" id="getDirectionsBtn" style="margin-top:5px;">'+
					  '</div>'; 

	var infowindow = new google.maps.InfoWindow({
	  content: contentString + datStr
	});

	marker.addListener('click', function() {
	  infowindow.open(map, marker);
	});
	
	google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
		var getDirectionsBtn 	= document.getElementById('getDirectionsBtn');
		getDirectionsBtn.addEventListener('click', function() {
			calculateAndDisplayRoute(directionsService, directionsDisplay);
		});
	});
	
	infowindow.open(map, marker);
}

function calculateAndDisplayRoute(directionsService, directionsDisplay) {
	var destination = 'Antiquitäten Heiss Klingenweg 4 96250 Eggenbach/Ebensfeld,Deutschland';
	
	directionsService.route({
	  origin: document.getElementById('saddr2').value,
	  destination: destination,
	  travelMode: 'DRIVING'
	}, function(response, status) {
	  if (status === 'OK') {
		directionsDisplay.setDirections(response);
	  } else {
		window.alert('Directions request failed due to ' + status);
	  }
	});
}