Site.DigitalPoints={}
Site.arrToolPyme = new Array();
Site.GetDP=function() {//Obtiene Punto Digital



//Site.layerMarkerCons.removeAllMarkers();

//Site.layerMarkerConstante.removeAllMarkers();
//Site.Map.map.removeLayer(Site.layerMarkerConstante);	

if (Site.Map.map.getZoom()>=11){

	Site.poiChecked=''
	
	//		Site.Map.map.removeAllMarkers('POILayer','marker');
	//try{Site.Map.map.removeLayer(Site.DigitalPoints);}catch(err){}
	
	//Site.DigitalPoints.removeAllMarkers();
	
	
//	try{Site.layerMarkerConstante.removeAllMarkers();}catch(err){}
//Site.Map.map.removeLayer(Site.layerMarkerCons[cod]);	
	


	var geodata = GetExtent();
	
	var geourl = 'xmin='+geodata[0]+'&ymin='+geodata[2]+'&xmax='+geodata[1]+'&ymax='+geodata[3]+'&id_capa=-1&LON='+Site.LON+'&LAT='+Site.LAT;
	 $.ajax({
				type: 'POST',
				url: 'webparts/PuntosDigitales/recuperarPublicidad.php',
				data: geourl,
				// Mostramos un mensaje con la respuesta de PHP
				success: function(json) {

					var text = json.responseText;

					var objJson = MapCity.Core.decode(json); 
					
					if (objJson!=""){
						var xmin=geodata[0];
						var ymin=geodata[2];
						var xmax=geodata[1];
						var ymax=geodata[3];
						var PHT="";				
						var json_elem = "";
						for(key in Site.DigitalPoints){
								//alert("ssss : "+key);
							 if(Site.DigitalPoints[key] != null){
										Site.Map.map.removeLayer(Site.DigitalPoints[key]);	
										Site.DigitalPoints[key] = null;
								}
						}
						eval("var layerCapa = Site.Map.map.getLayer('lyrCapaDirNew', 'marker');");
						if (layerCapa != undefined) {
							eval("Site.Map.map.removeAllMarkers('lyrCapaDirNew', 'marker');");
						
						}
						var htmlCat = "";
						if(objJson.PUBLICIDADES.length>0){
						document.getElementById('idboxMessage2').style.display="block";		
						MapCity.Core.each(objJson.PUBLICIDADES, function(element,i){
							
						try{	
							/*if(i == 0){
								htmlCat+='<lu style="background-color: rgb(255, 255, 255); display: block; width: 100%; height: auto;">';
								htmlCat+='<b style = "font-size: 12px;margin-left:5px;">'+element.CATEGORIA+'</b>';
								htmlCat+='<div onmouseover="Site.activaToolArr('+i+')" style="cursor: pointer;" class="listRowTemplate_template_pyme" id="'+i+'">'
								
								htmlCat+='<table>'
								htmlCat+='<tr>'
								htmlCat+='<td style="padding-right: 10px; padding-top: 2px;">'
								if(element.TOOLTIP_FOTO!=""){
									htmlCat+='<div class="resulfotos2">'
									htmlCat+='<img border="0" valign="left" src="img/photospyme/'+element.TOOLTIP_FOTO+'">';
									htmlCat+='</div>'
								}else{
									htmlCat+='<div class="">'
									htmlCat+='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
									htmlCat+='</div>'	
								}
								htmlCat+='</td>'
								htmlCat+='<td id="">'
								htmlCat+='<div class="rowTitle_template_pyme">'
								htmlCat+=element.NOMBRE+'<br/>';
								htmlCat+='<font style="color:#8B8B8B"> A '+parseInt(element.DISTANCIA)+' Mts'+'</font>';
								htmlCat+='</div>'	
								htmlCat+='</td>'							
								htmlCat+='</tr>'
								htmlCat+='</table>'
								
								htmlCat+='</div>'		 	 
								
								catAux = element.ID_CATEGORIA;
						 }else{*/
							//if(element.ID_CATEGORIA!=catAux){ 
								/*htmlCat+='</lu>';
								htmlCat+='<br/>';
								htmlCat+='<lu style="background-color: rgb(255, 255, 255); display: block; width: 100%; height: auto;">';
								htmlCat+='<b style = "font-size: 12px;margin-left:5px;">'+element.CATEGORIA+'</b>';*/
								
								htmlCat+='<div onmouseover="Site.activaToolArr('+i+')" style="cursor: pointer;" class="listRowTemplate_template_pyme" id="'+i+'">'
							
								htmlCat+='<table>'
								htmlCat+='<tr>'
								htmlCat+='<td style="padding-right: 10px; padding-top: 2px;">'
								if(element.TOOLTIP_FOTO!=""){
									 var ref = location.href;
									 ref=ref.split("/");
									 ref="http://"+ref[2]+"/img/photospyme/";
									  
									htmlCat+='<div class="resulfotos2">'
									htmlCat+='<img border="0" valign="left" src="'+ref+element.TOOLTIP_FOTO+'">';
									htmlCat+='</div>'
								}else{
									htmlCat+='<div class="resulfotos2">'
									htmlCat+='<img border="0" valign="left" src="img/photospyme/Gnome-Camera-Photo-48.png">';		
									htmlCat+='</div>'	
								}
								htmlCat+='</td>'
								htmlCat+='<td id="">'
								htmlCat+='<div class="rowTitle_template_pyme">'
								htmlCat+=element.NOMBRE+'<br/>';
								//htmlCat+='<font style="color:#8B8B8B"> A '+parseInt(element.DISTANCIA)+' Mts'+'</font>';
								htmlCat+='<table style="width:180px;">'
								htmlCat+='<tr>'
								htmlCat+='<td style="padding-right: 10px; padding-top: 2px;">'
								htmlCat+='<font style="color:#8B8B8B">'+element.CATEGORIA+'</font>';
								htmlCat+='</td>'
								htmlCat+='<td align="right" >'
								htmlCat+='<font style="color:#8B8B8B">A '+parseInt(element.DISTANCIA)+' Mts</font>';
								htmlCat+='</td>'
								htmlCat+='</tr>'
								htmlCat+='</table>'	
								
								htmlCat+='</div>'	
								htmlCat+='</td>'
								
								htmlCat+='</tr>'
								htmlCat+='</table>'
								
								htmlCat+='</div>'		
								
								catAux = element.ID_CATEGORIA;
							/*}else{
								
								htmlCat+='<div onmouseover="Site.activaToolArr('+i+')" style="cursor: pointer;" class="listRowTemplate_template_pyme" id="'+i+'">'
							
								htmlCat+='<table>'
								htmlCat+='<tr>'
								htmlCat+='<td style="padding-right: 10px; padding-top: 2px;">'
								if(element.TOOLTIP_FOTO!=""){
									htmlCat+='<div class="resulfotos2">'
									htmlCat+='<img border="0" valign="left" src="img/photospyme/'+element.TOOLTIP_FOTO+'">';
									htmlCat+='</div>'
								}else{
									htmlCat+='<div class="">'
									htmlCat+='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
									htmlCat+='</div>'	
								}
								htmlCat+='</td>'
								htmlCat+='<td id="">'
								htmlCat+='<div class="rowTitle_template_pyme">'
								htmlCat+=element.NOMBRE+'<br/>';
								htmlCat+='<font style="color:#8B8B8B"> A '+parseInt(element.DISTANCIA)+' Mts'+'</font>';
								htmlCat+='</div>'	
								htmlCat+='</td>'
								htmlCat+='</tr>'
								htmlCat+='</table>'
								
								htmlCat+='</div>'		 	
								catAux = element.ID_CATEGORIA;
							}
							
						 }*/
						 
							 Site.creaMarkerPyme(element,i);
							Site.arrToolPyme[i] = element;
							}catch(err){}
							
				})
				}else{
						document.getElementById('idboxMessage2').style.display="none";		
				}
							
							document.getElementById('menu2').innerHTML = htmlCat;
							var bounds = new OpenLayers.Bounds(xmin,ymin,xmax,ymax);
							//Site.Map.map.zoomToExtent(bounds); 
							
				
					}
					
				 
				}
			});
	 
}else{
	
	
						for(key in Site.DigitalPoints){
								//alert("ssss : "+key);
							 if(Site.DigitalPoints[key] != null){
										Site.Map.map.removeLayer(Site.DigitalPoints[key]);	
										Site.DigitalPoints[key] = null;
								}
						}	
	
//	Site.DigitalPoints.removeAllMarkers();
//	try{Site.Map.map.removeLayer(Site.DigitalPoints);}catch(err){}
	//Site.layerMarkerConstante.removeAllMarkers();
//	Site.Map.map.removeLayer(Site.layerMarkerConstante);	
}
	
}


Site.activaToolArr = function(x){
	
	Site.popupPuntoPyme(Site.arrToolPyme[x],x);
}

Site.popupsNew;
Site.creaMarkerPyme = function(json,i){
			
			eval("var layerCapa = Site.Map.map.getLayer('lyrCapaDirNew', 'marker');");
			if (layerCapa != undefined) {
			//	eval("Accor.map.removeAllMarkers('lyrCapaDirNew', 'marker');");
				eval("var layerCapa = Site.Map.map.getLayer('lyrCapaDirNew', 'marker');");
				
			}else {
				eval("var layerCapa = Site.Map.map.addLayer('lyrCapaDirNew', 'marker');")
			
				
			}
			try{var DIRECCION = (json.DIRECCION!=null)?json.DIRECCION:"";}catch(err){}
			try{var LINK = (json.LINK!=null)?json.LINK:"";}catch(err){}		
			try{var IMG = (json.RUTA!=null)?json.RUTA:"";}catch(err){}
			try{IMG = (IMG!="")?"<img src='"+json.RUTA+"' border='0'>":"";}catch(err){}
			try{PHT = (json.SHOWPHOTO=='1')?"<a href='" +  LINK +"' target='_blank'><img border='0' src='/img/pd/"+json.IDPHOTO+
					".jpg' border='0'></a>":"";}catch(err){;}
				
			var lonlat = new MapCity.Maps.LonLat(json.X, json.Y);			
			
			var icon = new MapCity.Maps.Icon( json.RUTA,new MapCity.Maps.Size( json.ANCHO, json.ALTO));
			
			
			var size = new MapCity.Maps.Size(json.ANCHO,json.ALTO);
			
			
			var marker = new MapCity.Maps.Marker( 
						lonlat 
						,icon
			);
			
			icon.imageDiv.style.cursor = "pointer";
			icon.imageDiv.title=json.NOMBRE;
			Site.Map.map.addMarker(layerCapa,marker);
			
			OpenLayers.Event.observe(icon.imageDiv,'click',function(e){
				Site.popupPuntoPyme(json,i);
				//alert('true')
			Event.stop(e);
			});
							
	  	if((i == 0 )&&(Site.pa_nearly!=null)&&(Site.pa_nearly==json.IDPHOTO)){
                Site.popupPuntoPyme(json,i);
				Site.pa_nearly=null;
}

					
}
Site.popupPuntoPyme = function(obJson,x) {

	try{var DIRECCION = (obJson.DIRECCION!=null)?obJson.DIRECCION:"";}catch(err){}
			try{var LINK = (obJson.LINK!=null)?obJson.LINK:"";}catch(err){}		
			try{var IMG = (obJson.RUTA!=null)?obJson.RUTA:"";}catch(err){}
			try{IMG = (IMG!="")?"<img src='"+obJson.RUTA+"' border='0'>":"";}catch(err){}
			try{PHT = (obJson.SHOWPHOTO=='1')?"<a href='" +  LINK +"' target='_blank'><img border='0' src='/img/pd/"+obJson.IDPHOTO+
					".jpg' border='0'></a>":"";}catch(err){;}

	var contenido = "";
	
	if(obJson.ID_TIPO==2){
		MapCity.Core.Ajax.request({
			url:'ws/interface/tooltipPluss.php',
			method:'GET',
			params: {"idpuntopyme": obJson.IDPHOTO
					},
			success: function(responseObject) {
					var text = responseObject.responseText;
					
		  			var obJsontooltip = MapCity.Core.decode(responseObject.responseText);
					
					contenido+='<div id = "principal" style ="width:280px;height:auto;max-height:250px;color:#666666;font-size:13px">';						
					 contenido+='<div style="font-size:14px">';
				
					 contenido+='<b>'+obJson.NOMBRE+'</b>';
					 contenido+='</div>';
					 contenido+='<div style="color:#005A8D;">';
					 contenido+=''+obJson.CATEGORIA+'';
					 contenido+='</div>';
					var tableHtml = "";	
						if(obJsontooltip.geoResult.length>0){
							tableHtml+='<div class="sc_menu" id="gallery">';
							tableHtml+='<ul class="sc_menu">';
							for (x=0;x< obJsontooltip.geoResult.length;x++ ){
								var myref = location.href;
								myref=myref.split("/");
								myref="http://"+myref[2]+"/img/photospyme/";
								tableHtml+='<li class="resulfotosTool pointer" ><a rev="width: 700px; height: 400px; scrolling: auto;" href="'+myref+obJsontooltip.geoResult[x].path_foto+'" title = "'+obJsontooltip.geoResult[x].desc_foto+'"><img src=""'+myref+obJsontooltip.geoResult[x].path_foto+'"/></a></li>';
								
	
															
							}
							tableHtml+='</ul>';
						tableHtml+='</div>';
						}
						 
					 if (tableHtml!="")
					 	contenido+=tableHtml;
					 
					 if(obJson.TOOLTIP_TEXT!=''){
						 contenido+='<div style="padding-bottom: 5px;">';
						 contenido+=''+obJson.TOOLTIP_TEXT+'';
						 contenido+='</div>';
					 }					 
					 contenido+='<div style="padding-bottom: 5px;">';
					 contenido+=''+obJson.DIRECCION+'';
					 contenido+='</div>';
					 
					 if(obJson.TOOLTIP_FONO!=''){
						 contenido+='<div style="padding-bottom: 5px;">';
						 contenido+='Fono (2) '+obJson.TOOLTIP_FONO+'';
						 contenido+='</div>';
					 }

					 contenido+='<div style="font-size:12px">';
		   			 contenido+='<a href="' +  LINK +'" target="_blank">Ir a sitio web</a>';
					 if(obJson.DISTANCIA!=""){
						contenido+='<font style ="float:right;font-size:11px">a ';					 
						contenido+=parseInt(obJson.DISTANCIA)+' Metros';
						contenido+='</font>';
					 }
					 contenido+='</div>';
	 				contenido+='</div>';
	 
					 var lonlat = new OpenLayers.LonLat(obJson.X,obJson.Y)
					  if (Site.popupsNew  != undefined) {
						 Site.popupsNew .destroy();
					  }
					 Site.popupsNew  = new MapCity.Maps.PopUp.FramedCloud(
											"InfoDataCliente",
											 lonlat,
											 new OpenLayers.Size(200,200),
											 contenido,
											 {
												 size: new OpenLayers.Size(5,5),
											  offset: new OpenLayers.Pixel(0,0)
											 },
											 true
																			
											);			
					 Site.Map.map.addPopup(Site.popupsNew);
					 
					 Site.popupsNew.show();
					 if (tableHtml!=""){
						 Site.cargagalleryFoto();
						$('#gallery a').lightBox();
						 //Site.imagePreview();
					 }
						 
		  			
			},
			failure: function() {
				alert('ERROR AL LLAMAR A CANALES')
  			
  			}
		})
			
	}else{
	
	tableHtml = "";
	 contenido+='<div id = "principal" style = "width:280px;height:auto;max-height:250px;color:#666666;font-size:13px">';						
	 
	 
	 contenido+='<div style="font-size:14px">';
	 contenido+='<b>'+obJson.NOMBRE+'</b>';
	 contenido+='</div>';
	 contenido+='<div style="color:#005A8D;">';
	 contenido+=''+obJson.CATEGORIA+'';
	 contenido+='</div>';
	 
	 if(obJson.TOOLTIP_FOTO!=""){
			var myref = location.href;
			myref=myref.split("/");
			myref="http://"+myref[2]+"/img/photospyme/";		 	
			tableHtml+='<div class="sc_menu" id="gallery">';
			tableHtml+='<ul class="sc_menu" style="padding:15px 0 0 90px;">';
			tableHtml+='<center>';
			tableHtml+='<li class="resulfotosTool pointer" ><a rev="width: 700px; height: 400px; scrolling: auto;" href="'+myref+obJson.TOOLTIP_FOTO+'" title = "'+obJson.TOOLTIP_FOTO+'"><img src="'+myref+obJson.TOOLTIP_FOTO+'"/></a></li>';
			tableHtml+='</center>'; 
			tableHtml+='</ul>';
			tableHtml+='</div>';	

	 }
	  if (tableHtml!="")
			contenido+=tableHtml;
	 if(obJson.TOOLTIP_TEXT!=''){
		 contenido+='<div style="padding-bottom: 5px;">';
		 contenido+=''+obJson.TOOLTIP_TEXT+'';
		 contenido+='</div>';
	 }
	 contenido+='<div style="padding-bottom: 5px;">';
	 contenido+=''+DIRECCION+'';
	 contenido+='</div>';
	 
	 if(obJson.TOOLTIP_FONO!=''){
		 contenido+='<div style="padding-bottom: 5px;">';
		 contenido+='Fono (2) '+obJson.TOOLTIP_FONO+'';
		 contenido+='</div>';
	 }
	 contenido+='<div style="font-size:12px">';

	 if (LINK!="-") 	 contenido+='<a href="' +  LINK +'" target="_blank">Ir a sitio web</a>';
	 
	 if(obJson.DISTANCIA!=""){
	 	contenido+='<font style ="float:right;font-size:11px">a ';					 
     	contenido+=parseInt(obJson.DISTANCIA)+' Metros';
	    contenido+='</font>';
	 }
	 contenido+='</div>';
	 contenido+='</div>';
	 
	 var lonlat = new OpenLayers.LonLat(obJson.X,obJson.Y)
	  if (Site.popupsNew  != undefined) {
		 Site.popupsNew .destroy();
	  }
	 Site.popupsNew  = new MapCity.Maps.PopUp.FramedCloud(
								"InfoDataCliente",
							 lonlat,
							 new OpenLayers.Size(200,200),
							 contenido,
							 {
								 size: new OpenLayers.Size(5,5),
							  offset: new OpenLayers.Pixel(0,0)
							 },
							 true
															
							);			
						 Site.Map.map.addPopup(Site.popupsNew);
						 
						 Site.popupsNew.show();
						  if (tableHtml!=""){
							 
							 Site.cargagalleryFoto();
							$('#gallery a').lightBox();
			
			    		 }
						 
	}
						 
}
Site.cargagalleryFoto = function(){

	var div = $('div.sc_menu'),
		ul = $('ul.sc_menu'),
		ulPadding = 15;
	
	//Get menu width
	var divWidth = div.width();

	//Remove scrollbars	
	div.css({overflow: 'hidden'});
	
	//Find last image container
	var lastLi = ul.find('li:last-child');
	
	//When user move mouse over menu
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;	
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		div.scrollLeft(left);
	});
	
}
