<!--
//Define el color del borde del submenu 
var borderColor = "#6BAC40";
//Define la posicion lateral de todos los submenu
var leftPosition = 128;
//Define la imagen de fondo
var backImage = "http://www.iucn.org/themes/fcp/wl/grafics/bg-titles-300.gif";

//Define los contenidos de los submenus 
var subMenu=new Array();
var subMenuExtras=new Array();

//Escribe todo el submenu Cambiar el nombre del submenu en cada linea ej: 'forestIssues'
	 subMenu['forestIssues']=new Array();
//Escribe el link del Submenu Tener cuidado en cambiar el numero y mantener la serie completa 0,1,2,3....

	  	 subMenu['forestIssues'][0]=new Array();
		 subMenu['forestIssues'][0]['texto']="Global Overview";
		 subMenu['forestIssues'][0]['link']="http://www.iucn.org/themes/fcp/forestissues/global.htm";

	  	 subMenu['forestIssues'][1]=new Array();
		 subMenu['forestIssues'][1]['texto']="Sources of Forest Land Use Change";
		 subMenu['forestIssues'][1]['link']="http://www.iucn.org/themes/fcp/forestissues/landuse.htm";

	 	 subMenu['forestIssues'][2]=new Array();
		 subMenu['forestIssues'][2]['texto']="Forest Environmental Services";
		 subMenu['forestIssues'][2]['link']="http://www.iucn.org/themes/fcp/forestissues/fenvironmental.htm";
		 
	  	 subMenu['forestIssues'][3]=new Array();
		 subMenu['forestIssues'][3]['texto']="Forest Management and Governance";
		 subMenu['forestIssues'][3]['link']="http://www.iucn.org/themes/fcp/forestissues/fmanagement.htm";		 
		 

	subMenuExtras['forestIssues']=new Array();
	subMenuExtras['forestIssues']['width']=200;
	subMenuExtras['forestIssues']['topPos']=201;
	
//Escribe todo el submenu Cambiar el nombre del submenu en cada linea ej: 'expLessons'
	 subMenu['expLessons']=new Array();
//Escribe el link del Submenu Tener cuidado en cambiar el numero y mantener la serie completa 0,1,2,3....

	  	 subMenu['expLessons'][0]=new Array();
		 subMenu['expLessons'][0]['texto']="Forest Landscape Restoration";
		 subMenu['expLessons'][0]['link']="http://www.iucn.org/themes/fcp/experience_lessons/flr.htm";

	  	 subMenu['expLessons'][1]=new Array();
		 subMenu['expLessons'][1]['texto']="Poverty and Conservation";
		 subMenu['expLessons'][1]['link']="http://www.iucn.org/themes/fcp/experience_lessons/poverty.htm";

	 	 subMenu['expLessons'][2]=new Array();
		 subMenu['expLessons'][2]['texto']="Forest Fires";
		 subMenu['expLessons'][2]['link']="http://www.iucn.org/themes/fcp/experience_lessons/fires.htm";
		 
	  	 subMenu['expLessons'][3]=new Array();
		 subMenu['expLessons'][3]['texto']="Protected Areas";
		 subMenu['expLessons'][3]['link']="http://www.iucn.org/themes/fcp/experience_lessons/pas.htm";		
		 
		 subMenu['expLessons'][4]=new Array();
		 subMenu['expLessons'][4]['texto']="Climate Change";
		 subMenu['expLessons'][4]['link']="http://www.iucn.org/themes/fcp/experience_lessons/climate.htm";

	  	 subMenu['expLessons'][5]=new Array();
		 subMenu['expLessons'][5]['texto']="Temperate and Boreal Forests";
		 subMenu['expLessons'][5]['link']="http://www.iucn.org/themes/fcp/experience_lessons/temperate_boreal.htm";

	 	 subMenu['expLessons'][6]=new Array();
		 subMenu['expLessons'][6]['texto']="Forest Governance";
		 subMenu['expLessons'][6]['link']="http://www.iucn.org/themes/fcp/experience_lessons/governance.htm";
		 
	  	 subMenu['expLessons'][7]=new Array();
		 subMenu['expLessons'][7]['texto']="International Forest Policy";
		 subMenu['expLessons'][7]['link']="http://www.iucn.org/themes/fcp/experience_lessons/policy.htm";		
		 
	subMenuExtras['expLessons']=new Array();
	subMenuExtras['expLessons']['width']=200;
	subMenuExtras['expLessons']['topPos']=223;

//*************************************************************************************************No modificar las funciones *************************************************************************************************

//Crea el layer para el subMenu y para el deleter2
function createSubMenu(){
	var tableSubMenu ='<div id="subMenu" style="position:absolute; z-index:3; visibility: hidden;">&nbsp;</div>';
	var tableSubMenu =tableSubMenu+'<div id="mascara" style="position:absolute; left:0px; top:0; z-index:2; visibility: hidden; width: 110px; height: 30px;"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="110" height="30"></div>';
	document.write(tableSubMenu);
	var tableDeleter ='<div id="deleter2" style="position:absolute; left:143px; top:0; z-index:1; visibility: hidden; width: 759px; height: 265px;">';
		tableDeleter=tableDeleter+'<table width="759" height="480" border="0" cellpadding="0" cellspacing="0"> <tr>';
		tableDeleter=tableDeleter+'<td height="216" valign="top"><a href="#" onMouseOver="dropDown(\'our-work-t\',177,\'hide\',\'our-work-l\',3,\'hide\',\'regions-t\',0,\'hide\',\'regions-l\',0,\'hide\',\'deleter\',3,\'hide\',\'deleter2\',3,\'hide\',\'subMenu\',3,\'hide\',\'mascara\',3,\'hide\')">';
		tableDeleter=tableDeleter+'<img src="http://www.iucn.org/wl/grafics/spacer.gif" width="759" height="480" border="0"></a></td>';
		tableDeleter=tableDeleter+' </tr></table>';
		tableDeleter=tableDeleter+'</div>';
	document.write(tableDeleter);
}

//Escribe el contenido del layer del SubMenu

function writeSubMenu(whichSubMenu){
//Crea la tabla de contenidos dependiendo de cual subMenu se va a presentar
messageFinal = '';
messageFinal = messageFinal+'<table width="'+subMenuExtras[whichSubMenu]['width']+'"  border="0"  cellpadding="0" cellspacing="0" >';
messageFinal = messageFinal+'<tr><td width=1><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td><td bgcolor="'+borderColor+'"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td><td width=1><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td></tr>';
messageFinal = messageFinal+'<tr><td bgcolor="'+borderColor+'"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td><td valign="top" height="3" bgcolor="#FFFFFF" background="'+backImage+'"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="5" height="3">';
messageFinal = messageFinal+'<table width="100%"  border="0" cellspacing="0" cellpadding="4">';

numItems=subMenu[whichSubMenu].length;
cont = 0;
while(cont < numItems){
	messageFinal = messageFinal+'<tr><td width="5" valign="top"><img src="http://www.iucn.org/wl/shared_images/bullet-arrow-green.gif" width="5" height="11"></td>';
    messageFinal = messageFinal+'<td valign="top"><strong><a href="'+subMenu[whichSubMenu][cont]['link']+'" class="green-11">'+subMenu[whichSubMenu][cont]['texto']+'</a></strong>';
	messageFinal = messageFinal+'</td></tr>';	
	cont ++;
}
messageFinal = messageFinal+'</table><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="5" height="3"></td><td bgcolor="'+borderColor+'"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td></tr>'; 
messageFinal = messageFinal+'<tr><td><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td><td bgcolor="'+borderColor+'"><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td><td><img src="http://www.iucn.org/wl/grafics/spacer.gif" width="1" height="1"></td></tr></table>';

//calcula la ubicacion lateral tomando en cuenta que la pagina esta centrada

var widthTable=766;
if (window.innerWidth){
	var lateral=(((window.innerWidth*1)-widthTable)/2);	
}else{
	if (document.body.clientWidth){
		var lateral=(((document.body.clientWidth*1)-widthTable)/2);
	} else {
		if (document.documentElement.clientWidth){
			var lateral=(((document.documentElement.clientWidth*1)-widthTable)/2);
		} else {
			var lateral=0;
		}
	}
}
		//if the window of the visitor is too small, it set the position to CERO
		if (lateral < 0){
			var lateral=0;
		}
//Le suma los 125 del ancho de la barra lateral
var lateralSubMenu=lateral+leftPosition;
var lateralMascara=lateral+20;

var vertical= subMenuExtras[whichSubMenu]['topPos'];

// WRITES TO THE LAYER subMenu, DEPENDING ON THE BROWSER

		if (document.layers) {
			document.layers['subMenu'].style.top=vertical;
			document.layers['subMenu'].style.left=lateralSubMenu;
			
			document.layers['mascara'].style.top=vertical;
			document.layers['mascara'].style.left=lateralMascara;
			
			document.layers['deleter2'].style.left=lateral;
			
			document.layers['subMenu'].document.open();
        	document.layers['subMenu'].document.write(messageFinal);
        	document.layers['subMenu'].document.close();
			document.layers['subMenu'].style.visibility="visible";
			document.layers['mascara'].style.visibility="visible";
			document.layers['deleter2'].style.visibility="visible";
    	} else {
        	if (document.all) {
			    document.all.subMenu.style.top=vertical;
				document.all.subMenu.style.left=lateralSubMenu;
				
				document.all.mascara.style.top=vertical;
				document.all.mascara.style.left=lateralMascara;
				
				document.all.deleter2.style.left=lateral;
				
            	eval("document.all.subMenu.innerHTML='" + messageFinal+"'");
	            document.all.subMenu.style.visibility="visible";
				document.all.mascara.style.visibility="visible";
				document.all.deleter2.style.visibility="visible";
        	} else {
							
	            document.getElementById('subMenu').style.top=vertical;
				document.getElementById('subMenu').style.left=lateralSubMenu;
				
				document.getElementById('mascara').style.top=vertical;
				document.getElementById('mascara').style.left=lateralMascara;
				
				document.getElementById('deleter2').style.left=lateral;
				
				document.getElementById('subMenu').innerHTML=messageFinal;
				document.getElementById('subMenu').style.visibility="visible";
				document.getElementById('mascara').style.visibility="visible";
				document.getElementById('deleter2').style.visibility="visible";
        	}
    	}
}


//-->