
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="ElggRelease" content="1.5" />
	<meta name="ElggVersion" content="2009070601" />
	<title>Convenio por la primera infancia y la inclusión social: Localización general</title>

	<script type="text/javascript" src="http://www.primerainfancia.org/vendors/jquery/jquery-1.3.2.min.js"></script>

	<script type="text/javascript" src="http://www.primerainfancia.org/vendors/jquery/jquery-ui-1.7.2.custom.min.js"></script>
	<script type="text/javascript" src="http://www.primerainfancia.org/vendors/jquery/jquery.form.js"></script>
	<script type="text/javascript" src="http://www.primerainfancia.org/_css/js.php?lastcache=1254279033&js=initialise_elgg&viewtype=default"></script>
	<!-- include the default css file -->
	<link rel="stylesheet" href="http://www.primerainfancia.org/_css/css.css?lastcache=1254279033&viewtype=default" type="text/css" />

	
		
		<script type="text/javascript">
		 jQuery(document).ready(function($) {
		  $('a[rel*=facebox]').facebox()
		});
		</script> <script type="text/javascript" src="http://www.primerainfancia.org/pg/groupextended/js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery(".messagebody").children(":not(:has(a))").each(function(){
		var re = /(http[s]?:\/?\/?[\w+/\?.~]*[=\&amp;\w]*[#\w]+)/gm;
		var replace = jQuery(this).html().replace(re,"<a href=\"$&\">$&</a>");
		jQuery(this).html(replace);
		});
});
</script>
<script type="text/javascript" src="http://www.primerainfancia.org/mod/sticky_widgets/js/ui.tabs.js"></script>

<script type="text/javascript" src="http://www.primerainfancia.org/mod/multisuggest/vendors/jquery.templating.js"></script>
<script type="text/javascript" src="http://www.primerainfancia.org/mod/multisuggest/vendors/jquery.ui.autobox.js"></script>
<script type="text/javascript" src="http://www.primerainfancia.org/mod/multisuggest/vendors/jquery.ui.autobox.ext.js"></script></head>

<body>

<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA6LrSptuNK76p2E2QOHguehSA-n9jFRuV_o8T9wO0-EgxJtXHqhQsPEO0JLzUXXPArXU-U_LI7y1fwg"></script>
<script type="text/javascript" src="http://www.primerainfancia.org/mod/gmaplocationfield/javascript/gmap.js" ></script>

<style>
<!--

table.main th {background-color:#ccf; height:20px;}
.sidebar-entry {text-decoration:none; border-bottom:1px solid #F4F4F4;}
a.sidebar-entry {color:#000; text-decoration: none; margin-left:20px}
a.sidebar-entry:hover {background-color:#F4F4F4; text-decoration: none}
a.sidebar-entry:focus {background-color:#F4F4F4; text-decoration: none}
.sidebar-cat-header {background-color:#F4F4F4; margin:1px; font-weight:bold; color:#0054A7}
.iw-header {background-color:#F4F4F4;font-weight:bold}
#sidebar {width:180px; height:500px; overflow:auto}
#map {width:500px; height:500px;}
.sidebar-cat-label {font-size: 10px}


-->
</style>

<div style="clear:both;"></div>

<div id="page_container">
<div id="page_wrapper">

<div id="layout_header">
<img src="http://www.primerainfancia.org/custom_mod/convenio/conveniotheme/graphics/top.jpg" />
</div>
<div id="menu">


						<div class="item">
							<div class="izqItem"> </div>
							<div class="contItem" ><a href="http://www.primerainfancia.org/">INICIO</a></div>

							<div class="derItem"> </div>
						</div>
						<div class="item">
							<div class="izqItem"> </div>
							<div class="contItem" style="line-height:18px"><a href="http://www.primerainfancia.org/pg/pages/view/606/">SOBRE EL CONVENIO</a></div>
							<div class="derItem"> </div>
						</div>

						<div class="item">
							<div class="izqItem"> </div>
							<div class="contItem" ><a href="http://www.primerainfancia.org/pg/home/participants/">PARTICIPANTES</a></div>
							<div class="derItem"> </div>
						</div>
						<div class="item">
							<div class="izqSelect"> </div>

							<div class="contSelect" ><a href="http://www.primerainfancia.org/pg/gmaplocationfield/general-map">TERRITORIO</a></div>
							<div class="derSelect"> </div>
						</div>
						<div class="item">
							<div class="izqItem"> </div>
							<div class="contItem" style="line-height:18px"><a href="http://www.primerainfancia.org/pg/pages/view/610/">RECURSOS INFORMATIVOS</a></div>
							<div class="derItem"> </div>

						</div></div>
<!-- /#layout_header -->


<!-- main contents -->

<!-- display any system messages -->


<!-- canvas -->
<div id="layout_canvas">

<div id="cornerLeft" style="padding-bottom: 5px;">
<dt class="conrnerRight">
</dt>

<!-- main content -->
<div id="one_column">

<div id="content_area_user_title"><h2>Localidad de Fontibon  <small><a href="http://www.primerainfancia.org/pg/groups/2757/localidad-de-fontibn/">(Ver perfil completo)</a></small></h2></div><style>
</style>
<div id="map-controls">
<div id="map-control">
<div class="groupicon">
<a class="icon" href="http://www.primerainfancia.org/pg/groups/2757/localidad-de-fontibn/"><img border="0" title="" src="http://www.primerainfancia.org/pg/groupicon/2757/large/default.jpg"/></a>
</div>
<br><p>Haga click en alguno de los siguientes &iacute;tems para visualizarlos en el mapa, al hacer click en los globos del mapa podr&aacute; ver su descripci&oacute;n completa en la opci&oacute;n "ver":</p>
</div></div>
<div id="map-container" style="overflow: hidden;">
	<div id="map-detail"></div>
</div>
<script type="text/javascript">

//Electronics freaks  know the numbering scheme
var icons = ["black","brown","red","orange","yellow","green","blue","purple","gray","white"];
for(var color in icons){
  tinyImage(icons[color], true);
}

var CAT_ICONS = [];
CAT_ICONS["DEFAULT_ICON"] = tinyIcon("green");
CAT_ICONS["Organizaciones"] = tinyIcon("red");
CAT_ICONS["Proyectos del convenio"] = tinyIcon("blue");
CAT_ICONS["Proyectos"] = tinyIcon("yellow");

var bounds = new GLatLngBounds();
var allCats = [];

GMap2.prototype.populate = function(points, options){
  var opts = options||{};

  //alert('opts.extendBounds:' + opts.extendBounds+ ", opts.cat" + opts.cat);

  var noCat = true;
  if(opts.cat||opts.iCat) noCat = false;
  var catName = opts.cat||"";
  var bar = opts.sidebar;
  var myCat;
  var newCats = [];
  for (var i=0; i < points.length; i++) {
    if(opts.iCat){ // category from file contents
      catName = points[i].textArray[opts.iCat];
    }
    var theIcon = opts.icon||CAT_ICONS[catName]||CAT_ICONS["DEFAULT_ICON"];
    if(!bar.cats[catName]&&!noCat){ // create a category if not found
      myCat = new BarCategory(bar, catName, {icon:theIcon});
      newCats.push(myCat);
      allCats.push(myCat);
    }
    var iLabel = opts.iLabel||2;
    var label = points[i].textArray[iLabel];
    points[i].marker = new GMarker(points[i],{title:label, icon:theIcon});
    this.addOverlay(points[i].marker);
    var entra = false;
    if (opts.extendBounds)
    {
    	bounds.extend(points[i]); // this must be considered
    	entra = true;
    }

    createInfoWindow(points[i],opts);
    if(noCat){
      bar.addEntry(points[i],opts);
    }else{
      myCat.addEntry(points[i],opts);
    }
  }

  if(myCat) {
  	  myCat.check.checked = opts.checked||false;
	  myCat.update();
  }
  for(var i=0;i<newCats.length;i++){
    newCats[i].check.checked = opts.checked||false;
    newCats[i].update();
  }
  if (entra) {
  	var paddings = {top:30, right:10, bottom:10, left:50};
	this.showBounds(bounds,paddings);
  	this.setZoom(this.getBoundsZoomLevel(bounds) );
  	this.setCenter(bounds.getCenter());
  }
}

jQuery(document).ready(function(){

	// Map loading
	_mPreferMetric=true;                                 //to make size sure for IE too
	var map = new GMap2(document.getElementById("map-detail"), {size:new GSize(700,500)});
//@todo Center this on default config
	map.setCenter(new GLatLng( 4.652598711714066,-74.08009171485901), 12);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.addControl(new GScaleControl());
	map.openInfoWindowHtml(map.getCenter(),"Hola.");
	map.closeInfoWindow(); //preloading infowindow
	// End map loading

	// Controls loading
	var myBar = new SideBar(document.getElementById("map-controls"));

	ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=people",{cat:"Personas", extendBounds:false});CAT_ICONS["Red"] = tinyIcon("red");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=groupextended:type:network",{cat:"Red", extendBounds:false});
CAT_ICONS["Organización"] = tinyIcon("red");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=groupextended:type:organization",{cat:"Organización", extendBounds:false});
CAT_ICONS["Grupo"] = tinyIcon("red");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=groupextended:type:group",{cat:"Grupo", extendBounds:false});
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=projects",{cat:"Proyectos del convenio", extendBounds:false});
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=services",{cat:"Proyectos", extendBounds:false});CAT_ICONS["Proyecto en formulación"] = tinyIcon("yellow");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=project:type:planning",{cat:"Proyecto en formulación", extendBounds:false});
CAT_ICONS["Proyecto activo"] = tinyIcon("yellow");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=project:type:active",{cat:"Proyecto activo", extendBounds:false});
CAT_ICONS["Proyecto finalizado"] = tinyIcon("yellow");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=project:type:finished",{cat:"Proyecto finalizado", extendBounds:false});
CAT_ICONS["Servicio ofrecido"] = tinyIcon("purple");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=service:type:offered:service",{cat:"Servicio ofrecido", extendBounds:false});
CAT_ICONS["Producto ofrecido"] = tinyIcon("purple");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=service:type:offered:product",{cat:"Producto ofrecido", extendBounds:false});
CAT_ICONS["Servicio necesitado"] = tinyIcon("purple");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=service:type:needed:service",{cat:"Servicio necesitado", extendBounds:false});
CAT_ICONS["Producto necesitado"] = tinyIcon("purple");
ajaxLoad(map,myBar,"http://www.primerainfancia.org/mod/gmaplocationfield/data.php?option=service:type:needed:product",{cat:"Producto necesitado", extendBounds:false});

	var localidadLayer = new GGeoXml("http://www.primerainfancia.org/custom_mod/convenio/localidades/kml/9.kml");
	if(oldLocalidadLayer!=null){
	  map.removeOverlay(oldLocalidadLayer);
	}
	map.addOverlay(localidadLayer);
	GEvent.addListener(map,'addoverlay',function(){
	  if(localidadLayer.hasLoaded()){
	    localidadLayer.gotoDefaultViewport(map);
	  }
	});
	oldLocalidadLayer = localidadLayer;

var oldLocalidadLayer = null;
jQuery("[name=localidad]").change(function(){
	var localidadLayer = new GGeoXml("http://www.primerainfancia.org/custom_mod/convenio/localidades/kml/"+jQuery(this).val()+".kml");
	if(oldLocalidadLayer!=null){
	  map.removeOverlay(oldLocalidadLayer);
	}
	map.addOverlay(localidadLayer);
	GEvent.addListener(map,'addoverlay',function(){
	  if(localidadLayer.hasLoaded()){
	    localidadLayer.gotoDefaultViewport(map);
	  }
	});
	oldLocalidadLayer = localidadLayer;
});
	// End controls loading
});
</script>
</div><!-- /one_column -->
<div class="clear"></div>


</div>
<div class="clear"></div>


</div><!-- /#layout_canvas -->
<!-- footer -->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7353521-1");
pageTracker._trackPageview();
</script>
    

</div><!-- /#page_wrapper -->

<div id="layout_footer">
<div class="footer">Convenio 3188 de 2008 por la Primera Infancia y la Inclusión Social.&nbsp;&nbsp;|&nbsp;&nbsp;Los contenidos aquí publicados son responsabilidad de sus autores y de las instituciones que representan. Ver <a href="pg/expages/read/Terms/">términos de uso del sitio</a>.<br>Desarrollado por:<img src="http://www.primerainfancia.org/custom_mod/convenio/conveniotheme/graphics/logoSomos.jpg" alt="Somos mas" width="47" height="25" align="middle" /></div>
</div><!-- /#layout_footer -->

<div class="clearfloat"></div>


</div><!-- /#page_container -->
<!-- insert an analytics view to be extended -->
</body>
</html>