var maps; 
   var mark = null; 
   var obszar;
   var markery=[];
   var klikniety;
   var statusLng;
   var statusLat;  
   var tablicazdjec=[];
   var photos;
   var buttonremove;
   var grupastartowa = 10;
   
   var collapseinfo = 'Zwiń / Rozwiń okno';
   var closeinfo = 'Zamknij okno';

    
     
    
     var menuHTML = '<div>MENU</div>'
          				+ '<a href="#" id="DodajMarkerMenu">dodaj marker</a>'; 
                   

              
   var menu = document.createElement("div");
			      menu.style.display = "none"; 	
			      menu.className = "menu"; 		
			    	menu.innerHTML = menuHTML;
   
   

  var jutub;
  var ytubesrc; 
  var videoopen = function(fil){
  
     
     $('ytubebox').set('html','<object width="425" height="350"> \
                            <param name="movie" value="http://www.youtube.com/v/'+fil+'&autoplay=1&hl=en&fs=1&rel=1" id="ytubevalue" /></param> \
                            <param name="allowFullScreen" value="true"></param> \
                            <embed id="ytubesrc" src="http://www.youtube.com/v/'+fil+'&autoplay=1&hl=en&fs=1&rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="350" /> \
                            </object>');
    youtubewindow.open();
    youtubewindow.toggleCollapse();
    youtubewindow.toggleCollapse(); 
  }
  var getImageSize = function(imgSrc)
  {
      var x = new Asset.image(imgSrc,{
        onload: function(z){
           var widthphotos = z.width;
            var heightphotos = z.height;
            photos.options.width = widthphotos+26;
            photos.options.height = heightphotos+49;
            photos.open();
        }});
  }
   
   var imageopen = function(i){
      getImageSize(i);
      $('photosbox').set('html','<img  alt="" src="'+i+'"  />');
   }  


   window.addEvent('domready', function() {

  		var domyslna_ikona = new GIcon();
  		domyslna_ikona.image = '';
  		domyslna_ikona.iconSize = new GSize(32,32);
  		domyslna_ikona.shadowSize = new GSize(0, 0);
  		domyslna_ikona.iconAnchor = new GPoint(16,16);
  		domyslna_ikona.infoWindowAnchor = new GPoint(16,16);


    
      
      if(GBrowserIsCompatible())    
      {    
              maps = new GMap2(document.getElementById("mapa"));    
        	    maps.setCenter(new GLatLng(51.209518,  17.380648),14)
              
              maps.setUIToDefault();  
              maps.setMapType(G_NORMAL_MAP);
              maps.removeMapType(G_SATELLITE_MAP);
              maps.removeMapType(G_HYBRID_MAP);
              maps.removeMapType(G_PHYSICAL_MAP);
              maps.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";
              var mini=new GOverviewMapControl( new GSize( 100,100 ) );
              maps.addControl(mini);
              obszar = new GLatLngBounds();

                  
             
          
              GEvent.addListener(maps, 'moveend', function() {
              var center = maps.getCenter();
            });
          
              
      }
           		
       
      
      
   		function zawartoscOkna(id,telefon,grupa,nazwa,ulica,miejscowosc,notatka,zdjecia,lat,lng,ikonaobj)
  		{

         var tmp = '<div class="dymek"> \
                      <strong id="dymekstrong1">'+nazwa+'</strong><br />\
                      <h3>Dane kontaktowe</h3>';
        
        if(ulica != "")
            tmp += '<p><b>Ulica: </b> '+ulica+'<p>';
        if(telefon != "")
            tmp += '<p><b>Telefon: </b>'+telefon+'</p>';
        if(miejscowosc != "")
            tmp += '<p><b>Miasto: </b>'+miejscowosc+'</p>'; 
        tmp += '<br /><a href="" onClick="maps.getInfoWindow().maximize(); return false;">pokaż więcej informacji</a> \
                   </div>';
        return tmp;
  		}
 		  
 		            		
          		
      function zawartoscOknaTekst(id,telefon,grupa,nazwa,ulica,miejscowosc,notatka,zdjecia,filmy,lat,lng,fax,www,email,kodpocztowy)
  		{
        var zdjeciatmp = "";
        var tmpl = ""; 
        var tmplvideo = "";
  		  if(zdjecia != '')
  		  {
            zdjeciatmp = zdjecia.split(';');
            for(i=0; i<zdjeciatmp.length;i++)
            {
                //var thumb = zdjeciatmp[i].replace('.jpg','_thumb.jpg');
                var thumb = "resizeimg.php?image="+zdjeciatmp[i];
                tmpl +='<img src="'+thumb+'" id="'+i+'" alt="" onclick="imageopen(\''+zdjeciatmp[i]+'\')"/>&nbsp;&nbsp;';
                if(i == 7 || i == 15 || i == 23 || i == 31 || i == 39) 
                  tmpl +="<br />";
            }
         }  
         
         if(filmy != '')
  		  {
            filmytmp = filmy.split(';');
            for(i=0; i<filmytmp.length;i++)
            {
                
                if(i == 0)
                   ii = ""
                else
                   ii = i;   
                   
                tmplvideo += '<a onClick=\'videoopen("'+filmytmp[i]+'");\'>Wideo '+ii+'</a> ';
                
                if(i == 7 || i == 15 || i == 23 || i == 31 || i == 39) 
                  tmplvideo +="<br />";
            }
         } 
          
          
           var email_link; 
           var www_link;
           
           if(email != "")
             email_link = '<a href="mailto:'+email+'">'+email+'</a>';
           else
             email_link ="";  
             
             
           www = www.replace("http://","");  
           if(www != "")
             www_link = '<a target="_blank" href="http://'+www+'" >'+www+'</a>';
           else
             www_link = "";    
           
           tmp = '<div class="dymek"> \
                      <strong id="dymekstrong2">'+nazwa+'</strong><br /> \
                      <h3>Dane kontaktowe</h3>';
           if(ulica != "")
            tmp += '<p><b>Ulica: </b> '+ulica+'<p>'; 
           if(miejscowosc != "")
            tmp += '<p><b>Miasto: </b>'+miejscowosc+'</p>'; 
           if(kodpocztowy != "")
            tmp += '<p><b>Kod pocztowy: </b>'+kodpocztowy+'</p>'; 
           if(telefon != "")
            tmp += '<p><b>Telefon: </b>'+telefon+'</p>'; 
           if(fax != "")
            tmp += '<p><b>Fax: </b>'+fax+'</p>'; 
           if(www_link != "")
            tmp += '<p><b>Www: </b>'+www_link+'</p>'; 
           if(email_link != "")
            tmp += '<p><b>Email: </b>'+email_link+'</p>'; 
          
           tmp += '<br /><h3>Opis</h3> \
                      <p>'+notatka+'</p> \
                      <h3>Zdjęcia</h3> \
                      <p>'+tmpl+'</p> \
                      <h3>Wideo</h3> \
                      <p>'+tmplvideo+'</p> \
                      <br /><a href="" onClick="maps.getInfoWindow().restore(); return false;">pokaż informacje podstawowe</a> \
                   </div>'; 
           return tmp;   
  		}
  		

  		
  		GMarker.prototype.iconover=function()
  	  {
          var ikona_url_mod = this.ikona_url.replace('.png','_a.png');
					this.setImage(ikona_url_mod);
  		}
  		GMarker.prototype.iconout=function()
  	  {
          
					this.setImage(this.ikona_url);
  		}
      GMarker.prototype.pokazInfo=function()
  	  {
        
         
        
        this.openInfoWindowHtml(zawartoscOkna(this.id,this.telefon,this.grupa,this.nazwa,this.ulica,this.miejscowosc,this.notatka,this.zdjecia,this.lat,this.lng,this.ikonaobj,this.tagi),{maxContent: zawartoscOknaTekst(this.id,this.telefon,this.grupa,this.nazwa,this.ulica,this.miejscowosc,this.notatka,this.zdjecia,this.filmy,this.lat,this.lng,this.fax,this.www,this.email,this.kodpocztowy),maxTitle: this.nazwa});   
  		};
     	function dodajMarker(id,telefon,lat,lng,kategoria,ikona_url,nazwa,ulica,grupa,miejscowosc,notatka,zdjecia,filmy,tagi,fax,www,email,kodpocztowy)
			{
               var punkt = new GLatLng(lat,lng);
  			var ikona = new GIcon(domyslna_ikona,10);
  			ikona.image = ikona_url;

				var marker	=	new GMarker(punkt,{icon: ikona,title: nazwa });
        marker.kategoria = kategoria;
  			marker.nazwa = nazwa;
  			marker.ulica = ulica;
  			marker.grupa = grupa;
  			marker.kodpocztowy = kodpocztowy;
  			
  			        
  			marker.www = www;
  			marker.fax = fax;
  			marker.email = email;
  			
  			marker.notatka = notatka;
  			marker.zdjecia = zdjecia;
  			marker.filmy = filmy;
  			marker.id = id;
  			marker.ikona_url = ikona_url;
  			marker.tagi = tagi;
  			marker.ikonaobj;
  			marker.telefon = telefon;
  			marker.lng = lng;
  			marker.lat = lat;
  			marker.miejscowosc = miejscowosc;
  			markery.push(marker);
  			
  			maps.addOverlay(marker);
  			obszar.extend(punkt);
  			GEvent.addListener(marker,'mouseover',function()
				{
				  ikona_url_mod = ikona_url.replace('.png','_a.png');
					marker.setImage(ikona_url_mod);
				});
				
				GEvent.addListener(marker,'mouseout',function()
				{
					marker.setImage(ikona_url);
				});

  			
        GEvent.addListener(marker,"click",function()
				{
          var wsp = marker.getPoint();
          marker.lat = wsp.y;
          marker.lng = wsp.x;
          marker.pokazInfo();
          
                            
					
				});
		    				return marker;
 		 }
 				 var  loadpage = 0;
 		 function geturldata(url)
 		 {
 		        	$('searchobj').value = "Czego szukasz w Oleśnicy?";
             $('status').set("html","<div style='text-align: center;'><img src='img/ajax-loader.gif' style='float: right;'/> Proszę czekac... wczytywanie danych...</div>");
             $('obiekty').set('html',"");
            GDownloadUrl(url, function(dane,kodOdpowiedzi)
			    	{
			    
            
            if(kodOdpowiedzi==200)
						{
						 
							var daneJSON = eval('('+dane+')');
							tmp ="";
							obszar = null;
              obszar = new GLatLngBounds();
							maps.clearOverlays();
							$('wynikiS').set('html',daneJSON.length); 
							for(var i=0;i<daneJSON.length;i++)
							{
                var id			=	daneJSON[i].id;
                var telefon			=	daneJSON[i].telefon;
                var lat			=	daneJSON[i].lat;
								var lng			=	daneJSON[i].lng;
								var ikona_url	=	daneJSON[i].ikona;
								var nazwa		=	daneJSON[i].nazwa;
								var ulica		=	daneJSON[i].ulica;
								var notatka		=	daneJSON[i].notatka;
								var zdjecia		=	daneJSON[i].zdjecia;
								var filmy		=	daneJSON[i].filmy;
								var tagi		=	daneJSON[i].tagi;
                var grupa		=	daneJSON[i].grupa;
								var miejscowosc		=	daneJSON[i].miejscowosc;
								var kodpocztowy		=	daneJSON[i].kodpocztowy;
								var fax		=	daneJSON[i].fax;
								var www		=	daneJSON[i].www;
								var email		=	daneJSON[i].email;
								  
															
								var marker		=	dodajMarker(id,telefon,lat,lng,1,ikona_url,nazwa,ulica,grupa,miejscowosc,notatka,zdjecia,filmy,tagi,fax,www,email,kodpocztowy);
              	tmp +="<p class=\"ob\" id="+i+">" + nazwa + "</p>";
							
              }
              $('status').set("html","");
							$('obiekty').set('html',tmp);
							$$(".ob").each(function(a) {
                    a.addEvent('click', function(event) {
                            event.stop();
                            
                              markery[a.id].pokazInfo();
                    });
                    a.addEvent('mouseover', function(event) {
                            event.stop();
                            markery[a.id].iconover(); 
                             
                    });
                    a.addEvent('mouseout', function(event) {
                            event.stop();
                            markery[a.id].iconout(); 
                             
                    });
                    
               });
               
              if(loadpage == 1) 
              {
               if(daneJSON.length != 0)
           		 {
          							  var nowyZoom = maps.getBoundsZoomLevel(obszar);
            				      var nowyPunkt = obszar.getCenter();
            				      maps.setCenter(nowyPunkt,nowyZoom);
           		 } 
              }else {
        				    maps.setCenter(new GLatLng(51.209518,  17.380648),14)
        			}
        			loadpage = 1;       
              
						}
						else
						{
							alert('Błąd odczytu danych');
							$('status').set("html","");
						}
					}); 
          
     }
 		 
 		 
 		 
     function pokazMarkery(idgrp)
     {
        
        maps.clearOverlays();
        markery = [];
        geturldata('getmarkers.php?idgrp='+idgrp);
				
					
      }	      
        
        var bottom = 30; 
        var jxl = new Jx.Layout('thePage');
        jxl.resize();
        new Jx.Layout('layoutOffsetContainer');
        new Jx.Layout('head', {
            height:80
        });
        new Jx.Layout('foot', {
            top:null,
            height: bottom
        });
    
        new Jx.Layout('splitSnap', {
            top:80,
            bottom:bottom,
            right:null,
            left: null
        });

        spliter =new Jx.Splitter('splitSnap',{
            elements: [ 'mapa', 'navi' ], 
            useChildren: true,
            containerOptions: [{minWidht:600},{width:195,maxWidth:195,minWidth:195}]
        });
       var wysokosc = 298;
      if(Browser.Engine.trident == 1)  // ie
        var wysokosc = 297;
      if(Browser.Engine.geckot == 1)  // ff
        var wysokosc = 315;
      if(Browser.Engine.webkit == 1)  // ch
         var wysokosc = 298;
      if(Browser.Engine.presto == 1)  //op
         var wysokosc = 298;
        
       navigacja =new Jx.Splitter('navi',{
            layout: 'vertical',
            useChildren: true,
            containerOptions: [{height:wysokosc ,minHeight:60},{minHeight:60}]
        });
        
        $('layoutOffsetContainer').resize();
        
        jxl.addEvent('sizeChange', function() {
           $('layoutOffsetContainer').resize();
        });
            
        var youtube = new Jx.Dialog({
            label: 'Youtube',
            collapseTooltip: collapseinfo,
            closeTooltip: closeinfo,
            modal: false, 
            width: 486,
            height:326,
            horizontal: '50 left', 
            vertical: '150 top', 
            content: $('jt'), 
            resize: true
            
        
        });
        
        photos = new Jx.Dialog({
            label: 'Fotografia',
            collapseTooltip: collapseinfo,
            closeTooltip: closeinfo,
            modal: false, 
            width: 666,
            height:529,
            content: 'photos', 
            resize: false,
            onClick: function() {photos.close();}
        });
        
        
        $('photosbox').addEvent('click', function(event) {
              event.stop();
              photos.close();
         });     

        var searchwindowstate = 0; 
        var searchwindow = new Jx.Dialog({
            label: 'Zaawansowane wyszukiwanie',
            collapseTooltip: collapseinfo,
            closeTooltip: closeinfo,
            modal: false, 
            width: 320,
            height:290,
            horizontal: '290 left', 
            vertical: '120 top', 
            content: 'searchwindow', 
            resize: false,
            onClose : function(){
              searchwindowstate = 0;
              $('nazwaS').value = "";
              $('ulicaS').value = "";
              $('miejscowoscS').value = "";
              $('telefonS').value = "";
              $('idS').value = "";
              $('slgrupyS').selectedIndex = 0;
              $('wynikiS').set('html','');
            }
        });
        
        $('searchadvance').addEvent('click', function(event) {
              event.stop();
              
             if(searchwindowstate == 0)
             {
              searchwindowstate = 1;
              searchwindow.open();
             }
             else {
              searchwindow.close();
              searchwindowstate = 0;
             } 
       });   
       
       
       var lastsearch = "";
       function searchobject(stype)
       {
            if(stype != 'adv')
              if($('searchobj').value == "" || $('searchobj').value == "Czego szukasz w Oleśnicy?" || $('searchobj').value == lastsearch)
                return false; 
              lastsearch = $('searchobj').value;
              markery = [];
            	if(stype == 'adv')
            	{
               url = 'searchobj.php?nazwa='+ encodeURIComponent($('nazwaS').value)
                      +'&ulica='+ encodeURIComponent($('ulicaS').value)
                      +'&miejscowosc='+ encodeURIComponent($('miejscowoscS').value)
                      +'&idgrupy='+ encodeURIComponent($('slgrupyS').options[$('slgrupyS').selectedIndex].id)
                      +'&telefon='+ encodeURIComponent($('telefonS').value)
                      +'&searchtype=adv';
              } 
              else
              {
                
                url = 'searchobj.php?val='+ encodeURIComponent($('searchobj').value)+'&searchtype=simple';
              }
            	geturldata(url);
       
       }
       
       $('searchobj').addEvent('keyup', function(event) {
                event.stop();
              if(event.key == "enter")
                searchobject('simple');
       });
       $('searchbutton').addEvent('click', function(event) {event.stop(); searchobject('simple'); });
       $('buttonsearchadv').addEvent('click', function(event) { event.stop(); searchobject('adv');});
       
      
        
           
         

         var  buttonsearchadv = new Jx.Button({
                    label: 'Szukaj'
              }).addTo('buttonsearchadv');
        
       var req = new Request({url:'getgroup.php', 
        		onSuccess: function(html) {
              $('grupy').set('html',html);
              $('grupy').setStyle('background-color','#CAD8DD');
              $$(".grupy").each(function(a) {
                    a.addEvent('click', function(event) {
                            event.stop();
                              searchwindow.close();
                                  
                              pokazMarkery(a.id);   
                    });       
              });
        		},
        		onComplete: function() {},
        		onFailure: function() {}
        	}).send();   
          
        pokazMarkery(grupastartowa);    
        var groupJSON = new Request.JSON({
                method: 'get',noCache:true,
                url: 'getgroupjson.php',
                onComplete: function(a) {
                
                       if(a == null)
                       {
                           return true;
                       }
                       $('slgrupyS').length = 0;
             			     var g = a.grupy;
                       var opt = new Element('option',{'id':'','value':'','text':'Wszystkie'});
                       opt.inject($('slgrupyS'));     
                  		  g.each(function(grp) {
                                 var opt = new Element('option',{'id':grp.id,'value':grp.value,'text':grp.value});
                                 opt.inject($('slgrupyS')); 
                        });
 
                                                      
                            
                }
           }).send();
           
           
           
           youtubewindow = new Jx.Dialog({
                      label: 'Wideo',
                      collapseTooltip: collapseinfo,
                      closeTooltip: closeinfo,
                      modal: false,
                      width: 450,
                      height:398,
                      content: 'ytube', 
                      resize: false,
                      onClose:function(){
                          $('ytubebox').set('html',"");
                      }
                 });
       
            var formopen = 0;
            var formwindow = new Jx.Dialog({
                      label: 'Kontakt',
                      collapseTooltip: collapseinfo,
                      closeTooltip: closeinfo,
                      modal: false,
                      width: 350,
                      height:350,
                      content: 'formwindow', 
                      resize: false,
                      onClose: function(){
                        formopen = 0;
                      }
                 });       
  
            var warunkiopen = 0;
            var warunkiwindow = new Jx.Dialog({
                      label: 'Warunki korzystania z serwisu',
                      collapseTooltip: collapseinfo,
                      closeTooltip: closeinfo,
                      modal: false,
                      width: 360,
                      height:400,
                      content: 'warunkiwindow', 
                      resize: false,
                      onClose: function(){
                        warunkiopen = 0;
                      }
                 });           
          var  formbutton = new Jx.Button({
                    label: 'Wyślij',
                    onClick: function(){
                     if($('opisF').value == "")
                     {
                        alert("Pole opis jest puste");
                      return false;
                     }

                     var regex = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
                     if(!regex.test($('emailF').value))
                     {
                      alert("Pole email jest niepoprawne");
                      return false;
                     
                     }

                        var sendemail = new Request.JSON({
                              method: 'get',noCache:true,
                              url: 'email.php',
                              data:{'temat':$('tematF').value,
                                    'opis':$('opisF').value,
                                    'email':$('emailF').value,
                                    'telefon':$('telefonF').value
                                    },
                              onComplete: function(a) {
                                     if(a == null)
                                     {
                                         alert("Wystąpił błąd podczas wysyłania zapytania, spróbuj ponownie");
                                         return true;
                                     }
                                     if(a.resp == '1')
                                     {
                                         alert("Wiadomość została poprawnie wysłana");
                                         formwindow.close();
                                         $('emailF').value = "";
                                         $('telefonF').value = "";
                                         $('opisF').value = "";
                                         formopen = 0;
                                         
                                     }
                                          
                                     else
                                     {
                                       alert("Wiadomość nie została wysłana, spróbuj ponownie");
                                     }
                              }
                         }).send();
                      } 
                  }).addTo('buttonform');  
           
           $('kontaktform').addEvent('click', function(event) {
                    event.stop();
                  if(formopen == 0)
                  {
                    formwindow.open();
                    warunkiwindow.close();
                    formopen = 1;
                  }
                  else
                  {
                    formwindow.close();
                    warunkiwindow.close();
                      formopen = 0;
                  }  
           });
            
            $('warunki').addEvent('click', function(event) {
                    event.stop();
                  if(warunkiopen == 0)
                  {
                    warunkiwindow.open();
                    formwindow.close();
                    warunkiopen = 1;
                  }
                  else
                  {
                    warunkiwindow.close();
                    formwindow.close();
                      warunkiopen = 0;
                  }  
           });
    });