var myServer = "autocomplete.php"; 
   var mySchema = ["ResultSet.Result","res"];
   var myDataSource3 = new YAHOO.widget.DS_XHR(myServer, mySchema); 
   myDataSource3.maxCacheEntries = 0;
  var myAutoComp = new YAHOO.widget.AutoComplete("myInput","myContainer", myDataSource3); 
  this.myAutoComp.prehighlightClassName = "yui-ac-prehighlight";
  this.myAutoComp.typeAhead = true; 
  this.myAutoComp.useShadow = true; 
  this.myAutoComp.minQueryLength = 1; 
  var dialogo=-1;
  var tabs=-1;
  var map=-1;
  var mapdet=-1;
  var carouselfoto=-1;
  var carouseltopo=-1;
  var query="";
  //document.windows.onResize = initresize;
  
 
  function establecerValorTipo()
  {
  
    myDataSource3.scriptQueryAppend = "tipo="+obtenerValorTipo();
 	
  } 
  function obtenerValorTipo()
  {
    var obj =document.getElementById('tipo')
    return obj.options[obj.selectedIndex].value
  }
   function obtenerorden()
  {
    var obj =document.getElementById('orden')
    return obj.options[obj.selectedIndex].value
  }
 
  function initresize() 
  {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event,
        col1 = null,
        col2 = null;
 
    Event.onDOMReady(function() {
        var size = parseInt(Dom.getStyle('res', 'width'), 10);
        col1 = Dom.get('result');
        col2 = Dom.get('resmap');
        var max = (size - 150);
        var resize = new YAHOO.util.Resize('result', {
            handles: ['r'],
            minWidth: 200,
            maxWidth: max
        });
        resize.on('resize', function(ev) {
            var w = ev.width;
            Dom.setStyle(col1, 'height', '');
            Dom.setStyle(col2, 'width', (size - w - 6) + 'px');
        });
 
        resize.resize(null, 350, 350, 0, 0, true);
    });
 
}
function resize()
{
	initresize() ;
	if (map) map.checkResize();

}

function postbuscar()
{
  initresize(); 
  map.checkResize();
  document.getElementById('subfiltrar').style.visibility='visible';
  //centrarMapaPrincipal();
  map.returnToSavedPosition();
  /*
  var green = new GIcon(); 
  green.image = "http://labs.google.com/ridefinder/images/mm_20_green.png"; 
  green.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png"; 
  green.iconSize = new GSize(24, 40); 
  green.shadowSize = new GSize(32, 40); 
  green.iconAnchor = new GPoint(12, 40); 
  green.infoWindowAnchor = new GPoint(5, 1);
  
  map.removeOverlay(marca);//remuevo la marca 
   //Why change the icon of a GMarker 
   marca.setIcon(new green); 
   map.addOverlay(marca);  
  */
  //marca.setImage("http://labs.google.com/ridefinder/images/mm_20_green.png");
}


  function realizarBusqueda(tipo,orden,busqueda)
  {
	  document.getElementById('result').innerHTML="<p id='load'>Carregant...</p>";
  	   
  	   if (map==-1)
  	   {
  		   document.getElementById('estilo').href="style/cerca2.css";
  		    var res =document.getElementById('res');
  		   res.style.visibility='visible';
  		   res.style.height='100%';
  		//   document.getElementById('resmap').innerHTML="<div id='map' class='datos' >Carregant...</div>";
  		   map=loadMap("general");
  		   initPanelCavitat();
  	   }
  	   inicializarMarcadores();
  	   

	   $("#result").load("cerca.php?tipo="+tipo+"&orden="+orden+"&busqueda="+busqueda+"&query="+query,{},function () {
							postbuscar();   
						});
  }
  function onButtonClick()
   { 
     
	  var str_cons=document.getElementById('myInput').value;
	  str_cons=str_cons.replace('\'','?');
	  str_cons=str_cons.replace('\\','');
	  if (str_cons.indexOf('?')==str_cons.length-1)
	  {
		str_cons=str_cons.slice(0,str_cons.length-1);
	  }
	  realizarBusqueda(obtenerValorTipo(),obtenerorden(),str_cons);
	  
	  
   }
function initPanelCavitat()
{
	if (dialogo == -1) {
		dialogo = new YAHOO.widget.Panel("panel", {
			width: "800px",
	    	visible: false,
			fixedcenter: false,
			y:0,
			modal: true,
			zindex: 1,
			constraintoviewport: true
		});
		
	}
	dialogo.beforeHideEvent.subscribe(function() {
              
			   document.getElementById('containertopo').style.visibility='hidden';
			   document.getElementById('containertopo').innerHTML='';
			   document.getElementById('containerfoto').innerHTML='';
			   document.getElementById('containerfoto').style.visibility='hidden';
		
        });
  	if (tabs==-1)
	{
		tabs = new YAHOO.widget.TabView();
		tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Cavitat', 
        content: 'Carregant ...',
        cacheData: false, 
        active: true 
          })); 
		 tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Boques', 
        content: 'Carregant1 ...',
        cacheData: false, 
        active: false 
          })); 
		   tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Descripció', 
        content: 'Carregant 1...',
        cacheData: false, 
        active: false 
          })); 
		tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Situació', 
        content: 'Carregant 2...',
        cacheData: false, 
        active: false 
          })); 
		   tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Bibliografia', 
        content: 'Carregant ...',
        cacheData: false, 
        active: false 
          })); 
	   tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Història', 
        content: 'Carregant ...',
        cacheData: false, 
        active: false 
          })); 
		  tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Bio', 
        content: 'Carregant ...',
        cacheData: false, 
        active: false 
          })); 
		   tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Fotos', 
        content: 'Carregant ...',
        cacheData: false, 
        active: false 
          })); 
		    tabs.addTab( new YAHOO.widget.Tab({ 
        label: 'Topos', 
        content: 'Carregant ...',
        cacheData: false, 
        active: false 
          })); 
		  
				
			tabs.addTab( new YAHOO.widget.Tab({ 
			label: 'Localització', 
			content: 'Carregant ...',
			cacheData: false, 
			active: false 
			}));
					
		tabs.appendTo('panelmain'); 
				
			var tab=tabs.getTab("9");
			tab.addListener('click', handleClick);
		    tabs.getTab("9").set('content', "<div id='mapdet' class='datos'>Carregant...</div>");
			mapdet=loadMap("detalle");
	
	}
	
}
function posicionarPanelCavitat()
{
   var  scrOfY = 0;
   if( typeof( window.pageYOffset ) == 'number' )
   {
    //Netscape compliant
     scrOfY = window.pageYOffset;
 	}
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
	{
    //DOM compliant
    scrOfY = document.body.scrollTop;
    }
   else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
   {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
   }
   if (dialogo != -1)
   {  
	dialogo.cfg.setProperty("y",scrOfY);
    }
}
    function inicilializarTabsCavitat()
	{
		tabs.getTab("0").set('content','Carregant...');
		tabs.getTab("1").set('content','Carregant...');
		tabs.getTab("2").set('content','Carregant...');
		tabs.getTab("3").set('content','Carregant...');
		tabs.getTab("4").set('content','Carregant...');
		tabs.getTab("5").set('content','Carregant...');
		tabs.getTab("6").set('content','Carregant...');
		tabs.getTab("7").set('content','Carregant...');
		tabs.getTab("8").set('content','Carregant...');
	}
   function verCavidad(id,nombre)
   {
	 inicilializarTabsCavitat();
	 posicionarPanelCavitat();
	 mapdet.clearOverlays();
     $.getScript("cavitat.php?id="+id+"&mapa=0");
	 dialogo.render();
	 dialogo.show();
	 var txt=unescape(nombre);
     var txt2=txt.replace(/\+/gi," ");
	 document.getElementById('paneltitul').innerHTML='Cavitat';
	 tabs.set('activeIndex', 9);
     tabs.set('activeIndex', 0);
     // mapdet.checkResize();
     // mapdet.returnToSavedPosition();
     handleClick(null); 
   } 
 function handleClick(e) 
   {   
 	   if(mapdet)
	   {
	  
	   	   mapdet.checkResize();
	   	   mapdet.returnToSavedPosition();
	   	   mapdet.zoomIn();
	   } 
   } 
	function getImage(parent) {
            var el = parent.firstChild;
                    
            while (el) { // walk through till as long as there's an element
                if (el.nodeName.toUpperCase() == "IMG") { // found an image
                    // flickr uses "_s" suffix for small, and "_m" for big
                    // images respectively
                    return el.src.replace("mini_", "");
                }
                el = el.nextSibling;
            }
            
            return "";
        }
   function inicializarcarusel()
   {
    
                        
        // Get the image link from within its (parent) container.

                
       // YAHOO.util.Event.onDOMReady(function (ev) {
            var el, item,
                spotlightfoto   = YAHOO.util.Dom.get("spotlightfoto"),
                carouselfoto    = new YAHOO.widget.Carousel("containerfoto",{isCircular: true, numVisible: 4,isVertical: true });
        
			
            carouselfoto.render(); // get ready for rendering the widget
            carouselfoto.show();   // display the widget
               document.getElementById('containerfoto').style.height='400px';     
            // display the first selected item in the spotlight
            item = carouselfoto.getElementForItem(carouselfoto.get("selectedItem"));
            if (item) {
                spotlightfoto.innerHTML = "<A HREF=\"" + getImage(item) + "\" TARGET='_new'><img class='fotos' src=\"" + getImage(item) + "\"><a>";
            }
                       
            carouselfoto.on("itemSelected", function (index) {
                // item has the reference to the Carousel's item
                item = carouselfoto.getElementForItem(index);
 
                if (item) {
                    spotlightfoto.innerHTML = "<A HREF=\"" + getImage(item) + "\" TARGET='_new'><img class='fotos' src=\""+getImage(item)+"\"><a>";
                }
            });
        //});
		
		 //YAHOO.util.Event.onDOMReady(function (ev) {
            var el, item,
                spotlighttopo   = YAHOO.util.Dom.get("spotlighttopo"),
                carouseltopo    = new YAHOO.widget.Carousel("containertopo",{isCircular: true, numVisible: 4,isVertical: true })
        		
            carouseltopo.render(); // get ready for rendering the widget
            carouseltopo.show();   // display the widget
                       document.getElementById('containertopo').style.height='400px';
            // display the first selected item in the spotlight
            item = carouseltopo.getElementForItem(carouseltopo.get("selectedItem"));
            if (item) {
                spotlighttopo.innerHTML = "<A HREF=\"" + getImage(item) + "\" TARGET='_new'><img class='fotos' src=\"" + getImage(item) + "\"></A>";
            }
                       
            carouseltopo.on("itemSelected", function (index) {
                // item has the reference to the Carousel's item
                item = carouseltopo.getElementForItem(index);
 
                if (item) {
                    spotlighttopo.innerHTML = "<A HREF=\"" + getImage(item) + "\" TARGET='_new'><img class='fotos' src=\""+getImage(item)+"\"><a>";
                }
            });
        //});
   
 

   
   }
 
function inicializarMarcadores()
{
	marcadores= new Array();
	map.clearOverlays();
}
 // Funciones sobre el mapa
 var marca;  
 var marcadores= new Array();

 
 
 function addMarcador(id,x,y,text,tipo)
 {
	 var point = new GLatLng(x, y);
	 if (point)
	  {
		 var iconOptions={};
		 if (tipo=="Avenc")
		 {
			 iconOptions.width = 32;
			 iconOptions.height = 32;
			 iconOptions.primaryColor = "#FF3333";
			 iconOptions.cornerColor = "#FFFFFF";
			 iconOptions.strokeColor = "#000000";
		 }
		 else
		 {
			 iconOptions.width = 32;
			 iconOptions.height = 32;
			 iconOptions.primaryColor = "#0000CC";
			 iconOptions.cornerColor = "#FFFFFF";
			 iconOptions.strokeColor = "#000000";
		 }
		
		 var newIcon = MapIconMaker.createMarkerIcon(iconOptions);

		 //var newIcon = MapIconMaker.createMarkerIcon({width: 32, height: 32, primaryColor: "#00ff00"});
         var marker = new GMarker(point, {icon: newIcon});
		 //var marker = new GMarker(point);
	     GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(text); } );
		 map.addOverlay(marker);
		 marcadores[id]=marker;
	  }
 }
 
 function zoomMovimiento(numZoom,tiempo)
 {
	 if (numZoom==0) return;
	 
	 numZoom=numZoom-1;
	 map.zoomIn()
	 var funcion="zoomMovimiento("+numZoom+","+tiempo+")";
	 window.setTimeout(funcion,tiempo); 
 }
 
 function verDetalle(id)
 {
	 var marcador=marcadores[id];
	 if (marcador)
	 {
		 var point = marcador.getPoint();
		 map.panTo(point);
		 marcador.showMapBlowup();
	 }
 }
 
 function irA(id,nom)
 {
	 var marcador=marcadores[id];
	 if (marcador)
	 {
		 var point = marcador.getPoint();
		 map.setZoom(9);
		 map.panTo(point);
		 zoomMovimiento(7,1000);
		 marcador.openInfoWindow(nom);
		
	 }
 }
 
 function addmark(x,y,text,tipo)
 {
      var mapaux=map;
      var point = new GLatLng(x, y);
      if (tipo=='detalle'){mapaux=mapdet;}
 	  
	  if (point)
	  {
	  	var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
        	marker.openInfoWindowHtml(text); } );
		mapaux.addOverlay(marker);
		marca=marker;
		//map.setCenter(new GLatLng(41.90486,0.906638),12);
		//alert(x);
		//alert(y);
	  }
 }
 
 function setPosMap(x,y,tipo)
	{
	if (mapdet!=-1)
		{
			var point = new GLatLng(x, y);
			mapdet.setZoom(11);
			mapdet.panTo(point);
			mapdet.savePosition();
		}
	}
  
 function loadMap(tipo)
  {
      var mapaux=-1;
      var name='map';
      if (tipo=='detalle'){name='mapdet';}
         
      if (GBrowserIsCompatible()) {
         mapaux = new GMap2(document.getElementById(name));
         mapaux.setUIToDefault();
		 mapaux.setCenter(new GLatLng(41.3687248, 2.1483), 8);
		 mapaux.savePosition();
		 //map.setMapType(G_HYBRID_TYPE);
		 mapaux.addMapType(G_PHYSICAL_MAP);
         mapaux.addControl(new GMapTypeControl());
 		 mapaux.addControl(new GOverviewMapControl());
		 mapaux.addControl(new GScaleControl());
		 mapaux.setMapType(G_PHYSICAL_MAP);
		 
		
		 
      }
      return mapaux;
      
    }

 /// FUNCIONES PARA EL PAGINADOR
 
 var pagActual=-1;
 var numPaginas=-1;
 
 function crearPaginador(elemento,paginas)
 {
 	var newpag = document.createElement('span');
 	newpag.innerHTML="<img id='pagPrimera' src='img/24-arrow-first.png' class='pag_botones' onclick='pag_Primera()'> " +
 		        "<img id='pagAnterior' src='img/24-arrow-previous.png' class='pag_botones' onclick='pag_Anterior()'>" +
 	            "<span id='pag_barra'>Pàgina <select id='pag_combo'  onchange='pagChangeCombo(this.selectedIndex)'>" +
 	            "</select> de <span id='pagmax'>12</span>" +
 	            "</span>" +
 	            "<img id='pagSiguiente' src='img/24-arrow-next.png' class='pag_botones' onclick='pag_Siguiente()'>"+
 	            "<img id='pagUltima' src='img/24-arrow-last.png' class='pag_botones' onclick='pag_Ultima()'>";
 	           

   document.getElementById(elemento).appendChild(newpag);
   var combo=document.getElementById('pag_combo');
     var i;
 	for (i=1; i<paginas+1; i++)
 	{
 		var newopt = document.createElement('option');
     	newopt.innerHTML = i;
     	combo.appendChild(newopt);
 	}
 	numPaginas=paginas;
 	document.getElementById('pagmax').innerHTML =numPaginas;
 	pagIrA(1);
 }


 function pagVisibilidadControles(Primero,Anterior,Siguiente,Ultimo)
 {
 	document.getElementById('pagPrimera').style.visibility=Primero;
 	document.getElementById('pagAnterior').style.visibility=Anterior;
 	document.getElementById('pagUltima').style.visibility=Siguiente;
 	document.getElementById('pagSiguiente').style.visibility=Ultimo;
 }
 function pagIrA(numPagina)
 {
 	if ((numPagina > numPaginas) || (numPagina <1) || numPagina==pagActual) return 
  
 	document.getElementById('pag_combo').selectedIndex=numPagina-1;
 	pagActual=numPagina;
 	if (numPaginas==1) pagVisibilidadControles('hidden','hidden','hidden','hidden');
 	else if (pagActual==1) pagVisibilidadControles('hidden','hidden','visible','visible');
 	else if (pagActual==numPaginas) pagVisibilidadControles('visible','visible','hidden','hidden');
 	else pagVisibilidadControles('visible','visible','visible','visible');
 			
 	VerPagina(pagActual);
 }
 function pag_Siguiente(){pagIrA(pagActual+1);}
 function pag_Anterior(){pagIrA(pagActual-1);}
 function pag_Primera(){pagIrA(1);}
 function pag_Ultima()
 {
	 pagIrA(numPaginas);
 }
 function pagChangeCombo(indice){pagIrA(indice+1);}


 function VerPagina(num)
 {
   var resultados= document.getElementById("result");
   var divs = resultados.getElementsByTagName('div');
      
   for(var i=1;i<divs.length;i++)
   {
	  if (divs[i].getAttribute('name')=='paginas')
		{   
		     divs[i].style.visibility='hidden';
		}
   }
    document.getElementById("pag"+num).style.visibility='visible';
 }
 /// FIN Funciones PAGINADOR
 
 
 //scrollList=new Array(); function registraScroll(idAbajo, idArriba, div, velAbajo, velArriba) {if(scrollList[idAbajo]==null) scrollList[idAbajo]=new Array();if(scrollList[idArriba]==null) scrollList[idArriba]=new Array();scrollList[idAbajo].push(new Array(div, velAbajo));scrollList[idArriba].push(new Array(div, velArriba));}window.onload=inicializar;function getEl(elementId){return document.getElementById(elementId);}function inicializar(){for(key in scrollList){var elemento=getEl(key);elemento.onmouseover=iniciaScroll;elemento.onmouseout=detieneScroll;}}function iniciaScroll(){scrollDivs=new Array();velDivs=new Array();for(key in scrollList[this.id]){scrollDivs.push(getEl(scrollList[this.id][key][0]));velDivs.push(scrollList[this.id][key][1]);}identificador=setInterval('scrollNow()', 50);}function detieneScroll(){clearInterval(identificador);}function scrollNow(){for(key in scrollDivs){var desplazamientoActual=scrollDivs[key].scrollTop;var nuevoDesplazamiento=desplazamientoActual+velDivs[key];scrollDivs[key].scrollTop=nuevoDesplazamiento;}}