function MiramapaPopup(estilo,mapa) {
	
	this.obj = document.createElement("div");
	this.obj.className = estilo;
	this.obj.sombra = document.createElement("div");
	this.obj.sombra.className = "miramapaPopup_sombra";
	
	this.obj.sombra.obj = document.createElement("img");
	this.obj.sombra.obj.src = "/miramapa/img/miramapaPopup/sombra.png";
	
	this.obj.sombra.appendChild(this.obj.sombra.obj);
	
	this.setSizeSombra(338,100);
	this.mapa = mapa;
	map.getContainer().appendChild(this.obj);
	
	this.mapa.getPane(G_MAP_FLOAT_SHADOW_PANE).appendChild(this.obj.sombra);
	this.ocultar();
	this.obj.innerHTML = this.setHTML();
	
	//Elementos dentro de la popma
	this.contenedor = document.getElementById('miramapaPopup');
	this.titulo = document.getElementById('miramapaPopup_titulo');
	this.datos = document.getElementById('miramapaPopup_latInf');
	this.video = document.getElementById('miramapaPopup_video');
	this.video.className = 'oculto';
	this.fotos = document.getElementById('miramapaPopup_fotos');
	
	this.pico = document.getElementById('miramapaPopup_pico');
	this.centro = document.getElementById('miramapaPopup_centro');
	this.latSup = document.getElementById('miramapaPopup_latSup');
	this.latInf = document.getElementById('miramapaPopup_latInf');
	this.latDer = document.getElementById('miramapaPopup_latDer');
	this.latIzq = document.getElementById('miramapaPopup_latIzq');
	this.close = document.getElementById('miramapaPopup_close');
	
	this.primera = true;
	
}

MiramapaPopup.prototype = new GControl();

MiramapaPopup.prototype.cargarVideo =  function(id) {
}
MiramapaPopup.prototype.getVideo = function(ANCHURA_VIDEO_POMPA,ALTURA_VIDEO_POMPA,obj){
			var escalera = "";  
			if(obj.ESCALERA != "")escalera = ", E. " + obj.ESCALERA;
			var planta = "";  
			if(obj.PLANTA != "")planta = ", Pl. " + obj.PLANTA;
			var puerta = "";
			if(obj.PUERTA != "")puerta = ", Pr. " + obj.PUERTA;
	
			var cad ='<table class="tablaPopup"><tr><td>' 
			+ '<object width="' 
			+ ANCHURA_VIDEO_POMPA 
			+ '" height="' 
			+ ALTURA_VIDEO_POMPA 
			+ '"><param name="movie" value="' + URL_VIDEO_YOUTUBE + obj.URL_VIDEO + PARAMS_VIDEO_YOUTUBE + '"></param><param name="wmode" value="transparent"></param><embed src="' + URL_VIDEO_YOUTUBE + obj.URL_VIDEO + PARAMS_VIDEO_YOUTUBE + '" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" width="' 
			+ ANCHURA_VIDEO_POMPA 
			+ '" height="' 
			+ ALTURA_VIDEO_POMPA 
			+ '"></embed></object>'
			+ '</td><td class="detalleDatos">'
			+ obj.DES_TIPO_VIA + ' ' + obj.NOMBRE_VIA + ', ' + obj.NUMERO_VIA + ''
			+ obj.ESCALERA + ' ' + obj.PLANTA + ' ' +obj.PUERTA + '<br/>'
			+ obj.CODIGO_POSTAL + '<br/><br/>'
			+ obj.TELEFONO + '<br/><br/>'
			+ '<br/><a href="' + PRE_URL + obj.WEB + '" target="new">' + obj.WEB + '</a><br/>'
			+ '<br/>' + obj.TEXTO_LIBRE + '<br/>'
			+ '</td></tr></table>'
			
			
			return cad;
}
MiramapaPopup.prototype.getVideoNoCliente = function(ANCHURA_VIDEO_POMPA,ALTURA_VIDEO_POMPA,obj){
	var escalera = "";  
	if(obj.ESCALERA != "")escalera = ", E. " + obj.ESCALERA;
	var planta = "";  
	if(obj.PLANTA != "")planta = ", Pl. " + obj.PLANTA;
	var puerta = "";
	if(obj.PUERTA != "")puerta = ", Pr. " + obj.PUERTA;

	var cad ='<table class="tablaPopup"><tr>' 
	+ '<td class="detalleDatos">'
	+ obj.DES_TIPO_VIA + ' ' + obj.NOMBRE_VIA + ', ' + obj.NUMERO_VIA + ''
	+ obj.ESCALERA + ' ' + obj.PLANTA + ' ' +obj.PUERTA + '<br/>'
	+ obj.CODIGO_POSTAL + '<br/><br/>'
	+ obj.TELEFONO + '<br/><br/>'
	+ '<br/><a href="' + PRE_URL + obj.WEB + '" target="new">' + obj.WEB + '</a><br/>'
	+ '<br/>' + obj.TEXTO_LIBRE + '<br/>'
	+ '</td></tr></table>'
	
	
	return cad;
}
MiramapaPopup.prototype.setSizeSombra = function(w,h){
	this.obj.sombra.obj.style.height = h + "px";
	this.obj.sombra.obj.style.width = w + "px";
}
MiramapaPopup.prototype.visualizar = function(marka,obj){
	
	this.obj.style.display = "block";
	this.obj.sombra.style.display = "block";
	this.setSizeSombra(338,100);
	this.close.className = "oculto miramapaPopup_close";	
	this.setDatos(obj);
		
	var currtype = this.mapa.getCurrentMapType().getProjection();
	var point= currtype.fromLatLngToPixel(this.mapa.fromDivPixelToLatLng(this.mapa.getCenter(),true),this.mapa.getZoom());
	var offset= currtype.fromLatLngToPixel(marka.getLatLng(),this.mapa.getZoom());
	var anchor = marka.getIcon().iconAnchor;
	var z = this.mapa.fromLatLngToContainerPixel(marka.getLatLng());
	
	//Posicion del popup
	var width = 10;
	var height = 204;
	var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(z.x - width ,z.y - height));		 
		pos.apply(this.obj);	
	//Posicion de la sombra	
		width = marka.getIcon().iconSize.width - 40;	
		height = 64;
		pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y -  point.y -anchor.y - height));
		pos.apply(this.obj.sombra);
	
}
MiramapaPopup.prototype.visualizarNoCliente = function(marka,obj){
	
	this.obj.style.display = "block";
	this.obj.sombra.style.display = "block";
	this.setSizeSombra(338,100);
	this.close.className = "oculto miramapaPopup_close";	
	this.setDatosNoCliente(obj);
		
	var currtype = this.mapa.getCurrentMapType().getProjection();
	var point= currtype.fromLatLngToPixel(this.mapa.fromDivPixelToLatLng(this.mapa.getCenter(),true),this.mapa.getZoom());
	var offset= currtype.fromLatLngToPixel(marka.getLatLng(),this.mapa.getZoom());
	var anchor = marka.getIcon().iconAnchor;
	var z = this.mapa.fromLatLngToContainerPixel(marka.getLatLng());
	
	//Posicion del popup
	var width = 10;
	var height = 204;
	var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(z.x - width ,z.y - height));		 
		pos.apply(this.obj);	
	//Posicion de la sombra	
		width = marka.getIcon().iconSize.width - 40;	
		height = 64;
		pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y -  point.y -anchor.y - height));
		pos.apply(this.obj.sombra);
	
}
MiramapaPopup.prototype.ocultarObj = function(obj){
	obj.style.display = "none";
}

MiramapaPopup.prototype.visualizarObj = function(obj){
	obj.style.display = "block";
}
MiramapaPopup.prototype.ocultar = function(){
	this.obj.style.display = "none";
	this.ocultarObj(this.obj.sombra);
	
}

MiramapaPopup.prototype.setDatos = function(obj){
	
	this.titulo.innerHTML = obj.DES_ESTABLECIMIENTO;
	this.titulo.className = "txtNegr12b miramapaPopup_fondo_" + obj.IMAGEN_ICONO + " color_" + obj.IMAGEN_ICONO;
	this.datos.innerHTML = obj.DES_TIPO_VIA + " " + obj.NOMBRE_VIA + ", " + obj.NUMERO_VIA;
	this.fotos.innerHTML = "<img height='70' width='110' src='" + URL_FOTO_YOUTUBE + obj.URL_VIDEO + NOMBRE_FOTO_YOUTUBE + "' id='fotoVideoYoutube' />";
}
MiramapaPopup.prototype.setDatosNoCliente = function(obj){
	var escalera = "";  
	if(obj.ESCALERA != "")escalera = ", E. " + obj.ESCALERA;
	var planta = "";  
	if(obj.PLANTA != "")planta = ", Pl. " + obj.PLANTA;
	var puerta = "";
	if(obj.PUERTA != "")puerta = ", Pr. " + obj.PUERTA;
	
	this.datos.innerHTML = "";
	this.titulo.innerHTML = obj.DES_ESTABLECIMIENTO;
	this.titulo.className = "txtNegr12b miramapaPopup_fondo_" + obj.IMAGEN_ICONO + " color_" + obj.IMAGEN_ICONO;
	this.fotos.innerHTML = '<div class="miramapaPopup_fotos">' + obj.DES_TIPO_VIA + " " + obj.NOMBRE_VIA + ", " + obj.NUMERO_VIA + " " + obj.ESCALERA + " " + obj.PLANTA + " " +obj.PUERTA + "<br/>" + obj.CODIGO_POSTAL + "<br/>" + obj.TELEFONO + "<br/>" + obj.WEB + '</div>';
}
MiramapaPopup.prototype.setHTML = function(){
	var html =  "<div id='miramapaPopup'>"
				+"<div id='miramapaPopup_supIzq'></div>"
				+"<div id='miramapaPopup_latSup'></div>"
				+"<div id='miramapaPopup_supDer'><a href='javascript:miramapa.close();'><img src='/miramapa/img/miramapaPopup/close.png' id='miramapaPopup_close' class='oculto miramapaPopup_close' /></a></div>"
				
				+"<div id='miramapaPopup_latIzq'></div>"
				+"<div id='miramapaPopup_centro'>"
				+"<div id='miramapaPopup_titulo'></div>"
				+"<div id='miramapaPopup_fotos'></div>"
				+"<div id='miramapaPopup_video'></div>"
				+"<div id='miramapaPopup_datos' class='txtGris9'></div>"
				+"</div>"
				+"<div id='miramapaPopup_latDer'></div>"
				
				+"<div id='miramapaPopup_infIzq'></div>"
				+"<div id='miramapaPopup_latInf' class='txtNegr8'></div>"
				+"<div id='miramapaPopup_infDer'></div>"
				+"<div id='miramapaPopup_pico'></div>"
				
				+"</div>";
	return html;
}


//Funciones necesarias para detectar si estan los videos cargados
function onytplayerStateChange(newState) {
    setytplayerState(newState);
}
function onYouTubePlayerReady(playerId){
	playerYT = document.getElementById(playerId);
	//if(  playerYT != null )playerYT.stopVideo();
}