var iconPB = new GIcon(); 
    iconPB.image = 'pb.png';
    iconPB.shadow = 'arnyek_pb.png';
//    iconPB.iconSize = new GSize(24, 40);
    iconPB.shadowSize = new GSize(60, 59);
    iconPB.iconAnchor = new GPoint(14, 48);
    iconPB.infoWindowAnchor = new GPoint(5, 1);

    var iconPropan = new GIcon(); 
    iconPropan.image = 'propan.png';
    iconPropan.shadow = 'arnyek_propan.png';
//    iconPropan.iconSize = new GSize(24, 40);
    iconPropan.shadowSize = new GSize(60, 59);
    iconPropan.iconAnchor = new GPoint(14, 48);
    iconPropan.infoWindowAnchor = new GPoint(5, 1);
    
    
   var iconBoth = new GIcon(); 
    iconBoth.image = 'pbpropan.png';
    iconBoth.shadow = 'arnyek_both.png';
//    iconBoth.iconSize = new GSize(24, 40);
    iconPB.shadowSize = new GSize(60, 59);
    iconBoth.iconAnchor = new GPoint(14, 48);
    iconBoth.infoWindowAnchor = new GPoint(5, 1);

	var iconArrow = new GIcon(); 
    iconArrow.image = 'nyil.png';
    iconArrow.shadow = 'nyil_arnyek.png';
    iconArrow.iconSize = new GSize(30, 42);
    iconArrow.shadowSize = new GSize(50, 40);
    iconArrow.iconAnchor = new GPoint(5, 41);
    iconArrow.infoWindowAnchor = new GPoint(5, 1);


    var customIcons = [];
    customIcons["PB"] = iconPB;
    customIcons["P"] = iconPropan;	
    customIcons["PBP"] = iconBoth;

    var map;
    var geocoder;
    var marker = [];
    var sidebarEntry = [];

    function load() {
      if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());		
        map.setCenter(new GLatLng(47.129951,19.423828), 7);
        var sidebar = document.getElementById('sidebar');
        sidebar.innerHTML = '<br/><b>&nbsp;Találja meg a legközelebbi cseretelepet!</b><br>&nbsp;A <i>Cím</i> mezőbe írja be tartozkodási helyét,<br>&nbsp;válasszon <i>keresési sugarat</i> és <i>palack típust</i>,<br>&nbsp;majd a <i>Keresés</i> gomb megnyomásával<br>&nbsp;megjelenítheti az Önhöz legközelebbi telepeinket.<br><br>&nbsp;Cseretelepeink jelölése: <br><table><tr><td>  <img height="32" src="pbi.png" width="30" class="border" alt="Propán-bután palack" />&nbsp;</td><td> PB palack cserélhető&nbsp;</td></tr><tr><td><img height="31" src="propani.png" width="30" class="border" alt="Propán palack" />&nbsp;</td><td> propán palack cserélhető&nbsp;</td></tr><tr><td><img height="31" src="pbpropani.png" width="30" class="border" alt="Propán-bután és propán palack" />&nbsp;</td><td> PB és propán palack egyaránt cserélhető &nbsp;</td></tr></table><br><i>&nbsp;Eredményes keresést kívánunk!</i>  ';
      }  
    }
	

   function searchLocations() {
     var address = document.getElementById('addressInput').value + ', HU';
	 //geocoder.getLocations(address, addAddressToMap);
     geocoder.getLatLng(address, function(latlng) {
       if (!latlng) {
         alert("Sajnáljuk, de ezt a címet nem tudjuk azonosítani!");
       } else {
         searchLocationsNear(latlng,address);
       }
     });
   }

   //searchLocationsNear() modified by Urbi for arrow 
   function searchLocationsNear(center,loc) {
	 //createArrow(center.lat(),center.lng());
     var radius = document.getElementById('radiusSelect').value;
     var typeSelected = document.getElementById('tipusSelect').value;
     var searchUrl = 'tavolsag.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius + '&typeSelected=' + typeSelected;
     var sidebar = document.getElementById('sidebar');
     sidebar.innerHTML = '<br/>&nbsp;Kérem várjon. Keresés folyamatban...';
	 
     GDownloadUrl(searchUrl, function(data) {
       var xml = GXml.parse(data);
       var markers = xml.documentElement.getElementsByTagName('marker');
       map.clearOverlays();

       var bounds = new GLatLngBounds();
	   //add arrow	   
	   var arrow_point = new GLatLng(center.lat(),center.lng());
	   var arrow = new GMarker(arrow_point, iconArrow);
	   GEvent.addListener(arrow, 'click', function() {        		
			map.setCenter(new GLatLng(center.lat(),center.lng()), 16);
			var html = '<span class="infowindow"><b> Az Ön által megadott keresési cím: </b> <br /> <i>"'+loc+'"</i>';
			arrow.openInfoWindowHtml(html);
		});
	   map.addOverlay(arrow);
	   bounds.extend(arrow_point);
	   
       sidebar.innerHTML = '';
       if (markers.length == 0) {
       	 if (radius==50) {sidebar.innerHTML = '<br/>&nbsp;Nincs találat. Írjon be másik címet.';}
         else {sidebar.innerHTML = '<br/>&nbsp;Nincs találat. Bővítse a keresési sugarat.';}
         map.setCenter(new GLatLng(47.129951,19.423828), 7);
         return;
       }
       
	   //add markers
       for (var i = 0; i < markers.length; i++) {
         var name = markers[i].getAttribute('name');
         var address = markers[i].getAttribute('address');
		 var distance = parseFloat(markers[i].getAttribute('distance'));
         var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                                 parseFloat(markers[i].getAttribute('lng')));
         
		 var megj1 = markers[i].getAttribute('megj1');
         var megj2 = markers[i].getAttribute('megj2');
         var type = markers[i].getAttribute('type');
          var lat = markers[i].getAttribute('lat');
           var lng = markers[i].getAttribute('lng');
          
           
         marker[i] = createMarker(point, name, address, megj1, megj2, type, lat, lng, i);
         map.addOverlay(marker[i]);
         sidebarEntry[i] = createSidebarEntry(marker[i], name, address, distance, megj1, megj2, lat, lng, type);
         sidebar.appendChild(sidebarEntry[i]);
         bounds.extend(point);
       }	   
       map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
     });
   }

   function createMarker(point, name, address, megj1, megj2, type, lat, lng, i) {
	  var marker = new GMarker(point, customIcons[type]);
      var html = '<span class="infowindow"><b>' + name + '</b> <br/>' + address + '</b> <br/> ' + megj1 + '  <br/><img height="38" src="total.jpg" width="150" class="border" alt="Totalgaz" /></span>';
      GEvent.addListener(marker, 'click', function() {        		
        map.setCenter(new GLatLng(lat, lng), 16); 
		marker.openInfoWindowHtml(html);
      });

	  GEvent.addListener(marker, 'mouseover', function() {
	  	GEvent.trigger(sidebarEntry[i], 'mouseover');
		});
	  GEvent.addListener(marker, 'mouseout', function() {
		GEvent.trigger(sidebarEntry[i], 'mouseout');  	
      });
      return marker;
    }      
    	

   
    function createSidebarEntry(marker, name, address, distance, megj1, megj2, lat, lng, type) {
      var div = document.createElement('div');
		var html;
	  if (type == "PB") {html='<table><tr><td width="20"><img height="21" src="pbs.gif" width="20"  alt="Propán-bután palack" bgcolor="white" /></td><td align="left"><b>'+ name + '</b> (' + distance.toFixed(1) + 'km)<br/>' + address + '</td></tr></table>';}
		else  {if (type == "P") {html='<table><tr><td width="20"><img height="21" src="propans.gif" width="20" class="border" alt="Propán-bután palack" bgcolor="white" /></td><td align="left"><b>'+ name + '</b> (' + distance.toFixed(1) + 'km)<br/>' + address + '</td></tr></table>';}
               else {html='<table><tr><td width="20"><img height="21" src="pbpropans.gif" width="20" class="border" alt="Propán-bután palack" bgcolor="white" /></td><td align="left"><b>'+ name + '</b> (' + distance.toFixed(1) + 'km)<br/>' + address + '</td></tr></table>';} } 
	  
	  
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.style.marginBottom = '5px'; 
      GEvent.addDomListener(div, 'click', function() {
        GEvent.trigger(marker, 'click');        
      });
      GEvent.addDomListener(div, 'mouseover', function() {
        div.style.backgroundColor = '#eee';
		if (type == "PB") {marker.setImage("pb_high.png");}
		else  {if (type == "P") {marker.setImage("propan_high.png");}
           	else {marker.setImage("pbpropan_high.png");}}  
		//GEvent.trigger(marker, 'mouseover');
      });
      GEvent.addDomListener(div, 'mouseout', function() {
        div.style.backgroundColor = '#fff';
        if (type == "PB") {marker.setImage("pb.png");}
		else  {if (type == "P") {marker.setImage("propan.png");}
               else {marker.setImage("pbpropan.png");}}
		
      });
      return div;
    }
//szoveg kijeloles megakadalyozo script eleje    
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
//szoveg kijeloles megakadalyozo script vege
                    
    
	var flash = function(f,w,h,v){document.write('<object type="application/x-shockwave-flash" data="'+f+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+(v?v:8)+'" style="width:'+w+'px; height:'+h+'px;"><param name="movie" value="'+f+'" /><param name="quality" value="high" /><embed src="'+f+'" quality="high" width="'+w+'" height="'+h+'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>')}