/* SubNav Menu */

function at_show_aux(parent, child){
  var p = document.getElementById(parent);
  var c = document.getElementById(child );

  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

  for (; p; p = p.offsetParent)
  {
    top  += p.offsetTop;
    left += p.offsetLeft;
  }
  top = top-2;

  c.style.position   = "absolute";
  c.style.top        = top +'px';
  c.style.left       = left+'px';
  c.style.visibility = "visible";
}
function at_show(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  at_show_aux(p.id, c.id);
  clearTimeout(c["at_timeout"]);
}
function at_hide(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
}
function at_click(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  if (c.style.visibility != "visible") at_show_aux(p.id, c.id); else c.style.visibility = "hidden";
  return false;
}

// PARAMETERS:
// parent   - id of the parent html element
// child    - id of the child  html element that should be droped down
// showtype - "click" = drop down child html element on mouse click
//            "hover" = drop down child html element on mouse over
// position - "x" = display the child html element to the right
//            "y" = display the child html element below
// cursor   - omit to use default cursor or specify CSS cursor name

function at_attach(parent, child, showtype, position, cursor){
  var p = document.getElementById(parent);
  var c = document.getElementById(child);

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = position;
  c["at_position"]   = position;

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  if (cursor != undefined) p.style.cursor = cursor;

  switch (showtype)
  {
    case "click":
      p.onclick     = at_click;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
    case "hover":
      p.onmouseover = at_show;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
  }
}

/* END - SubNav Menu - END */

/* Left Nav Menu */
var timerlen = 5;
var slideAniLen = 500;

function $(id) { return document.getElementById(id);} 

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slide(objname){
	slideup('sintediv');slideup('memdiv');slideup('textediv');slideup('texnotediv');slideup('drenesdiv');slideup('mantadiv');slideup('jardindiv');slideup('techodiv');
	if(objname=="clear"){return;}
	if( $(objname).style.display == "none"){slidedown(objname);}else{slideup(objname);}		
}
function slidedown(objname){
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible
        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}
function slideup(objname){
		if(!$(objname)){ return; }
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden
        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}
function startslide(objname){
        obj[objname] = document.getElementById(objname);
        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();
        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }
        obj[objname].style.display = "block";
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}
function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];
        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;
                obj[objname].style.height = d + "px";
        }
        return;
}
function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);
        return;
}
/* END - Left Nav Menu - END */

var elementoactual;
var menuactual;
function cabecera(){
	var head = "<img alt=\"Geosintéticos\" width=\"880\" height=\"135\" src=\"images/logo.gif\" style=\"display:block;\"/>"
			+ "<div id=\"menusuperior\">"
			+ "<a href=\"index.html\"><img width=\"52\" height=\"28\" alt=\"Home\" src=\"images/home_on.gif\" onmouseover=\"javascript:this.src='images/home_on.gif'\" onmouseout=\"javascript:this.src='images/home_off.gif'\" /></a>" 
			+ "<a href=\"nosotros.html\"><img width=\"111\" height=\"28\" alt=\"Nosotros\" src=\"images/nosotros_off.gif\" onmouseover=\"javascript:this.src='images/nosotros_on.gif'\" onmouseout=\"javascript:this.src='images/nosotros_off.gif'\"/></a> " 
			+ "<img width=\"100\" height=\"28\" id=\"menuaplicaciones\" alt=\"Aplicaciones\" src=\"images/aplicaciones_off.gif\" onmouseover=\"javascript:this.src='images/aplicaciones_on.gif'\" onmouseout=\"javascript:this.src='images/aplicaciones_off.gif'\"/>" 
			+ "<a href=\"obras.html\"><img width=\"88\" height=\"28\" alt=\"Obras\" src=\"images/obras_off.gif\" onmouseover=\"javascript:this.src='images/obras_on.gif'\" onmouseout=\"javascript:this.src='images/obras_off.gif'\" /></a>" 
			+ "<a href=\"productos.html\"><img width=\"111\" height=\"28\" alt=\"Productos\" src=\"images/productos_off.gif\" onmouseover=\"javascript:this.src='images/productos_on.gif'\" onmouseout=\"javascript:this.src='images/productos_off.gif'\"/></a> " 
			+ "<a href=\"servicios.html\"><img width=\"111\" height=\"28\" alt=\"Servicios\" src=\"images/servicios_off.gif\" onmouseover=\"javascript:this.src='images/servicios_on.gif'\" onmouseout=\"javascript:this.src='images/servicios_off.gif'\"/></a> " 
			+ "<a href=\"contacto.html\"><img width=\"72\" height=\"28\" alt=\"Contacto\" src=\"images/contacto_off.gif\" onmouseover=\"javascript:this.src='images/contacto_on.gif'\" onmouseout=\"javascript:this.src='images/contacto_off.gif'\"/></a></div>"
			+ "<div id=\"submenuaplicaciones\">"
				+ "<a class=\"subNavMenu\" href=\"#\">Restauración De Pavimentos</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Pistas: Vegetación Y Frente Envuelto</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Paredes: Permanente Y Temporal</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Terraplenes</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Vacío De Expansión</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Chapa De Refuerzo</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Revestimientos</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Recuperación De Tierras</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Protección De Línea</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Vertedero De Drenaje Y Filtración</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Contención</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Drenaje Subterráneo</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">El Agua De Contención</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Protección Del Agua</a>"
				+ "<a class=\"subNavMenu\" href=\"#\">Control De Humedad</a>"
			+ "</div>";
	return head;
}

function menupie(){
	var foot = "<div id=\"careersFooter\">"
				+ "<a href=\"index.html\">INICIO</a> " 
				+ "<a href=\"aplicaciones.html\">APLICACIONES</a> " 
				+ "<a href=\"obras.html\">OBRAS</a> " 
				+ "<a href=\"productos.html\">PRODUCTOS</a> " 
				+ "<a href=\"contacto.html\">CONTACTO</a> " 
//				+ "<a href=\"javascript:void window.open('privacy.html','privacy','scrollbars=yes,width=460,height=460');\" style=\"margin:0px;\">Privacy</a>"
			+ "</div>";
	return foot;
}


var divstatus = {
	"sintemenu":{
		"style":"display:none;overflow:hidden;height:87px;",
		"id":"sinteimg"
	},
	"memmenu":{
		"style":"display:none;overflow:hidden;height:193px;",
		"id":"memimg"
	},
	"textemenu":{
		"style":"display:none;overflow:hidden;height:87px;",
		"id":"texteimg"
	},
	"texnotemenu":{
		"style":"display:none;overflow:hidden;height:113px;",
		"id":"texnoteimg"
	},
	"drenesmenu":{
		"style":"display:none;overflow:hidden;height:139px;",
		"id":"drenesimg"
	},
	"mantamenu":{
		"style":"display:none;overflow:hidden;height:139px;",
		"id":"mantaimg"
	},
	"jardinmenu":{
		"style":"display:none;overflow:hidden;height:87px;",
		"id":"jardinimg"
	},
	"techomenu":{
		"style":"display:none;overflow:hidden;height:87px;",
		"id":"techoimg"
	}
}

function menuproductos(){
	var menu = "<div id=\"careersLeftNav\" style=\"display:block;\">" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('sintediv');\"><img width=\"291\" height=\"36\" id=\"sinteimg\" src=\"images/geocompuestos_off.gif\" onmouseover=\"javascript:this.src='images/geocompuestos_over.gif'\" onmouseout=\"javascript:this.src='images/geocompuestos_off.gif'\" alt=\"Geocompuestos\"/></a><br/>" +
						"<div id=\"sintediv\" style=\"" + divstatus.sintemenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li id=\"sinteapp\" class=\"subNavTwo\"><a href=\"sinteapp.html\">Aplicaciones</a></li>" +
								"<li id=\"sinteuse\" class=\"subNavTwo\"><a href=\"sinteuse.html\">Usos</a></li>" +
								"<li id=\"sintedata\" class=\"subNavTwo\"><a href=\"sintedata.html\">Ficha Técnica</a></li>" +
							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('memdiv');\"><img width=\"291\" height=\"36\" id=\"memimg\" src=\"images/geomembranas_off.gif\" onmouseover=\"javascript:this.src='images/geomembranas_over.gif'\" onmouseout=\"javascript:this.src='images/geomembranas_off.gif'\" alt=\"Geomembranas\"/></a><br/>" +
						"<div id=\"memdiv\" style=\"" + divstatus.memmenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Tipos</li>" +
								"<li id=\"mempvc\" class=\"subNavTwo\"><a href=\"mempvc.html\">Policloruro de Vinilo (PVC)</a></li>" +
								"<li id=\"memhdpe\" class=\"subNavTwo\"><a href=\"memhdpe.html\">Polietileno de Alta Densidad (HDPE)</a></li>" +
								"<li id=\"memvldpe\" class=\"subNavTwo\"><a href=\"memvldpe.html\">Polietileno de Muy Baja Densidad (VLDPE)</a></li>" +
								"<li id=\"memfpp\" class=\"subNavTwo\"><a href=\"memfpp.html\">Polipropileno Flexible (FPP)</a></li>" +
								"<li id=\"memtpo\" class=\"subNavTwo\"><a href=\"memtpo.html\">Oleofina Termoplastica (TPO)</a></li>" +
								"<li id=\"memepdm\" class=\"subNavTwo\"><a href=\"memepdm.html\">Terpolimero Etileno Propileno Dieno(EPDM)</a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('textediv');\"><img width=\"291\" height=\"36\" id=\"texteimg\" src=\"images/geotextil_tejido_off.gif\" onmouseover=\"javascript:this.src='images/geotextil_tejido_over.gif'\" onmouseout=\"javascript:this.src='images/geotextil_tejido_off.gif'\" alt=\"Geotextil Tejido\"/></a><br/>" +
						"<div id=\"textediv\" style=\"" + divstatus.textemenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Tipos</li>" +
								"<li id=\"texteseriepvc\" class=\"subNavTwo\"><a href=\"texteseriepvc.html\">Serie PVC</a></li>" +
								"<li id=\"texteseriex\" class=\"subNavTwo\"><a href=\"texteseriex.html\">Serie X</a></li>" +
								"<li id=\"\" class=\"subNavTwo\"><a href=\"#\"></a></li>" +
								"<li id=\"\" class=\"subNavTwo\"><a href=\"#\"></a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('texnotediv');\"><img width=\"291\" height=\"36\" id=\"texnoteimg\" src=\"images/geotextil_notejido_off.gif\" onmouseover=\"javascript:this.src='images/geotextil_notejido_over.gif'\" onmouseout=\"javascript:this.src='images/geotextil_notejido_off.gif'\" alt=\"Geotextil No Tejido\"/></a><br/>" +
						"<div id=\"texnotediv\" style=\"" + divstatus.texnotemenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Tipos</li>" +
								"<li id=\"texnoteserien\" class=\"subNavTwo\"><a href=\"texnoteserien.html\">Serie N</a></li>" +
								"<li id=\"texnoteserierec\" class=\"subNavTwo\"><a href=\"texnoteserierec.html\">Serie Reciclado</a></li>" +
								"<li id=\"texnoteserienaranja\" class=\"subNavTwo\"><a href=\"texnoteserienaranja.html\">Serie Naranja</a></li>" +
								"<li id=\"\" class=\"subNavTwo\"><a href=\"#\"></a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('drenesdiv');\"><img width=\"291\" height=\"36\" id=\"drenesimg\" src=\"images/geodrenes_off.gif\" onmouseover=\"javascript:this.src='images/geodrenes_over.gif'\" onmouseout=\"javascript:this.src='images/geodrenes_off.gif'\" alt=\"Geodrenes\"/></a><br/>" +
						"<div id=\"drenesdiv\" style=\"" + divstatus.drenesmenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Tipos</li>" +
								"<li id=\"drenesa\" class=\"subNavTwo\"><a href=\"drenesa.html\">A</a></li>" +
								"<li id=\"drenesb\" class=\"subNavTwo\"><a href=\"drenesb.html\">B</a></li>" +
								"<li id=\"drenesc\" class=\"subNavTwo\"><a href=\"drenesc.html\">C</a></li>" +
								"<li id=\"drenesd\" class=\"subNavTwo\"><a href=\"drenesd.html\">D</a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('mantadiv');\"><img width=\"291\" height=\"36\" id=\"mantaimg\" src=\"images/geomanta_off.gif\" onmouseover=\"javascript:this.src='images/geomanta_over.gif'\" onmouseout=\"javascript:this.src='images/geomanta_off.gif'\" alt=\"Geomanta\"/></a><br/>" +
						"<div id=\"mantadiv\" style=\"" + divstatus.mantamenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Tipos</li>" +
								"<li id=\"mantaa\" class=\"subNavTwo\"><a href=\"mantaa.html\">A</a></li>" +
								"<li id=\"mantab\" class=\"subNavTwo\"><a href=\"mantab.html\">B</a></li>" +
								"<li id=\"mantac\" class=\"subNavTwo\"><a href=\"mantac.html\">C</a></li>" +
								"<li id=\"mantad\" class=\"subNavTwo\"><a href=\"mantad.html\">D</a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" /><br><br>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('jardindiv');\"><img width=\"291\" height=\"36\" id=\"jardinimg\" src=\"images/casa_y_jardin_off.gif\" onmouseover=\"javascript:this.src='images/casa_y_jardin_over.gif'\" onmouseout=\"javascript:this.src='images/casa_y_jardin_off.gif'\" alt=\"Casa y Jardin\"/></a><br/>" +
						"<div id=\"jardindiv\" style=\"" + divstatus.jardinmenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li id=\"jardinapp\" class=\"subNavTwo\"><a href=\"jardinapp.html\">Aplicaciones</a></li>" +
								"<li id=\"jardinuse\" class=\"subNavTwo\"><a href=\"jardinuse.html\">Usos</a></li>" +
								"<li id=\"jardindata\" class=\"subNavTwo\"><a href=\"jardindata.html\">Ficha Técnica</a></li>" +
							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('techodiv');\"><img width=\"291\" height=\"36\" id=\"techoimg\" src=\"images/techos_verdes_off.gif\" onmouseover=\"javascript:this.src='images/techos_verdes_over.gif'\" onmouseout=\"javascript:this.src='images/techos_verdes_off.gif'\" alt=\"Techos Verdes\"/></a><br/>" +
						"<div id=\"techodiv\" style=\"" + divstatus.techomenu.style + "\">" +
							"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li id=\"techoapp\" class=\"subNavTwo\"><a href=\"techoapp.html\">Aplicaciones</a></li>" +
								"<li id=\"techouse\" class=\"subNavTwo\"><a href=\"techouse.html\">Usos</a></li>" +
								"<li id=\"techodata\" class=\"subNavTwo\"><a href=\"techodata.html\">Ficha Técnica</a></li>" +
							"</ul>" +
						"</div>" +
						"<img src=\"images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
					"</div>";
	return menu;
}

function init(){
	if(elementoactual && $(elementoactual)){
		addClass($(elementoactual), "cur");
	}
	if(menuactual && $(menuactual)){
		$(menuactual).src = $(menuactual).src.replace("_off","_on");
		$(menuactual).onmouseover = null;
		$(menuactual).onmouseout = null;
	}
}
addEvent(window, "load", init);