///  CONFIG 



var MARKERS_URL = '/maps.json.php';
var MARKER_ICON = 'gloria-marker.png';
var MAP_DIV_ID = 'map';
var STORE_ACTIVE = 'pics_1';

// CODE
function setUpClick(id)
        {
            var setup = document.getElementById(id).style.display;
            var elId = document.getElementById(id);
            if (setup == "none")
                {
                    elId.style.display='block';
                }
            //schovam predchozi
            document.getElementById(STORE_ACTIVE).style.display='none';

            //preulozim STORE_ACTIVE na aktivni zobrazenou hodnotu
            STORE_ACTIVE=id;
        } 

Event.observe(window, 'load', function () {
    var slides_object;                                      //hlidam si ktery je vyslajdovany
    var map_data;
    var map;
    var myAjax = new Ajax.Request(
    MARKERS_URL, 
    {
        method: 'get',  
        onSuccess: function(transport){              
            map_data = transport.responseText.evalJSON();
            //
            //alert(transport.responseText);
            displayMap();                          
        },
        onFailure: function(){alert('Something went wrong...')}
    });
			
		function getDetail(data) {
  
      var str = '' // <div class="list">'; 
      
      if (data.title != null && data.title.length > 0) str += '<div class="list_title"><strong>'+data.title+'</strong></div>';
      if (data.address != null && data.address.length > 0) str += '<div class="list_address"><i>'+data.address+'<i></div>';
      if (data.phone != null && data.phone.length > 0) str += '<div class="list_phone">'+data.phone+'</div>';
      if (data.openhours != null && data.openhours.length > 0) str += '<div class="list_open">'+data.openhours+'</div>';        
      if (data.email != null && data.email.length > 0) str += '<div><a href="mailto:'+data.email+'">'+data.email+'</a></div>';
      
      
      //str += '</div>';
      return str;
    }
    
    function getListItem(data) {
      var str= data.title; 
      
      return str;
      
    }

    


    function displayMap(){
        
        
        
        if (GBrowserIsCompatible()) {
          map = new GMap2(document.getElementById(MAP_DIV_ID));
          }
          else {
            alert('Browser is not compatible');
          }
        
        
        map.addControl(new GSmallZoomControl3D());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(map_data.init.centerLatitude, map_data.init.centerLongitude), map_data.init.startZoom);
        
        
        
        for (var i = 0; i < map_data.markers.length; i++) {
            var marker_data = map_data.markers[i];

            //document.write(getListItem(marker_data));
            //<a href="javascript:animatedcollapse.show('jason')">Slide Down</a> || <a href="javascript:animatedcollapse.hide('jason')">Slide Up</a>

            var newdiv = document.createElement('div');
            newdiv.setAttribute('className', 'wrapper');
            newdiv.setAttribute('class', 'wrapper');
            //newdiv.innerHTML = '<a href="javascript:animatedcollapse.show(\'pics_'+marker_data.id+'\')">'+getListItem(marker_data)+'</a>';

            var e_title = document.createElement('div');
            e_title.setAttribute('className', 'list');
            e_title.setAttribute('class', 'list');
            e_title.setAttribute('id', 'object'+marker_data.id);
            e_title.setAttribute( 'onClick', 'setUpClick(\'pics_'+marker_data.id+'\');');                        
            e_title.innerHTML += getListItem(marker_data);
            
            var e_pics = document.createElement('div');
            e_pics.setAttribute('className', 'pics');
            e_pics.setAttribute('class', 'pics');
            //e_pics.setAttribute('id', 'jason');
            e_pics.setAttribute('id', 'pics_'+marker_data.id);
            e_pics.setAttribute('style', 'display:none');
            if (STORE_ACTIVE == 'pics_'+marker_data.id)
                {
                     e_pics.setAttribute('style', 'display:block');
                }
            else
                {
                     e_pics.setAttribute('style', 'display:none');
                }
            

            newdiv.appendChild(e_title);
            
            newdiv.appendChild(e_pics);
            document.getElementById("listobjects").appendChild(newdiv);
            
            var data = marker_data;
            if (data.images.length > 0) {
              var img_url;
              var attr_ahref;
              var attr_arel;
              var attr_imgsrc;
              // var el_a;
              // var el_img;               
              for(var j=0; j<data.images.length; j++) {
                
                img_url = data.images[j];
                attr_ahref = 'interface/images/gallery/big/'+img_url;
                attr_arel = 'lightbox[gallery'+data.id+']';
                attr_imgsrc = 'interface/images/gallery/tiny/'+img_url;
                
                
                var el_a = document.createElement('a');
                el_a.setAttribute('rel', attr_arel);
                el_a.setAttribute('href', attr_ahref);
                              
                var el_img = document.createElement('img');
                el_img.setAttribute('src', attr_imgsrc);
                el_img.setAttribute('id', 'pics_new_'+data.id);                

                el_a.appendChild(el_img);
                e_pics.appendChild(el_a);

                /*
                str += '<a rel="lightbox[gallery'+data.id+']" href="interface/images/gallery/big/'+img_url+'" >';
                str += '<img src="interface/images/gallery/tiny/'+img_url+'" >';
                str += '</a>';
                */
              }
            }
            
            addMarker(marker_data);            


        }        
    }
    
    
    
    function addMarker(data) {
         
         
        var point = new GLatLng(data.latitude, data.longitude);
            
        
        var markland_icon = new GIcon(G_DEFAULT_ICON);
        markland_icon.image = MARKER_ICON;
        markland_icon.iconSize = new GSize(25, 29);
        markland_icon.shadowSize = new GSize(37, 34);
        markland_icon.iconAnchor = new GPoint(13, 29);
        markland_icon.infoWindowAnchor = new GPoint(17, 2);
		    
    		var marker = new GMarker( point, {icon: markland_icon} );
        
        GEvent.addListener(marker,"click", function() {          
          marker.openInfoWindowHtml( getDetail(data) );
        });
        
        //alert('object'+data.id);
        Event.observe('object'+data.id, 'click', function() {marker.openInfoWindowHtml( getDetail(data) );} ); 

        
        if (data.open == 1) {
          marker.openInfoWindowHtml(  getDetail(data)  );
        }

        map.addOverlay(marker);
        //alert('Pridavam Marker: (' + data.latitude+ " ; "+data.longitude +" )");
          
        // set listener to open "bubble" over the marker after clicking
        /*
        GEvent.addListener(marker, 'click',
        function() {
            marker.openInfoWindowTabsHtml(infoTabs);
        }
        */
        }


     
			
    });