/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
* 
*  Menu vertical dinamico
*  Puedes utilizar este menu siempre que conserves este mensaje
*
*  Modificaciones: La_Friky®
*  Traduccion de La_Friky®
*/

//------------------- Opciones  ------------------------//
var largeurMenu = 150				// Longitud del menu
var policeMenu = "Verdana"			// Letra del menu
var taillePoliceMenu = "10"			// Tamaño de la letra
var couleurPoliceMenu = "#FFFFFF"	// Color de la letra
var couleurBordure = "#6495ED"		// Color del borde del menu
var couleurFond = "#6495ED"			// Color de fondo del menu
var couleurFond1 = "#B3CAF4"		// Color de fondo de los sub-menus
var couleurLienRollOver = "#6495ED"	// Color de los enlaces en rollover
var couleurFondRollOver = "#FFFFFF"	// Color de fondo en rollover

//------------------- Valores del menu  ------------------------//

// Nombre de cada opcion
var menu = new Array();
menu[0]="Equipos Informáticos";
menu[1]="Programación";
menu[2]="Auditoría y Mantenimiento";
menu[3]="Proyectos a Medida";
menu[4]="Garantías";

var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valores de la primera opcion
ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();

ssmenuNom[0][0] = "Tienda on-line";	// Nombre del enlace
ssmenuLien[0][0] = "no.htm";	// Direccion
ssmenuTarget[0][0] = "_top";	// abrir una ventana : _blank
				// En la misma ventana : _top
				// en un frame : nombre del frame

// Valores de la segunda opcion (repetir asi con todas las que se quiera)
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();

ssmenuNom[1][0] = "Diseño Web";
ssmenuLien[1][0] = "no.htm";
ssmenuTarget[1][0] = "_top";

ssmenuNom[1][1] = "Bases de Datos";
ssmenuLien[1][1] = "no.htm";
ssmenuTarget[1][1] = "_top";

ssmenuNom[1][2] = "Creación Multimedia";
ssmenuLien[1][2] = "no.htm";
ssmenuTarget[1][2] = "_top";

// Valores de la primera opcion
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();

ssmenuLien[2] = "no.htm";
ssmenuTarget[2] = "_top";

// Valores de la primera opcion
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();

ssmenuLien[3] = "no.htm";
ssmenuTarget[3] = "_top";

ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();

ssmenuLien[4] = "garantias.htm";
ssmenuTarget[4] = "_top";

//------------------- no modificar  ------------------------//
var nbMenu = menu.length;

//------------------- Rehacer Dinamico  ------------------------//

//Detectar el Navegador
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
	for (var i=0; i<nbMenu; i++) {
		if (ie) {
			objet = document.all["ssmenu"+i]
		} else if (ns6) {
			objet = document.getElementById("ssmenu"+i);
		}
		if (objet.style.display == ""){
			objet.style.display = "none"
		}
	}
	if (ie) {
		objet = document.all["ssmenu"+num]
	} else if (ns6) {
		objet = document.getElementById("ssmenu"+num);
	}
	if (objet.style.display == "none"){
		objet.style.display = ""	
	} 
}

function rollOver(lien) {
	lien.style.background = couleurFondRollOver;
	lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
	lien.style.background = couleurFond1;
	lien.style.color = couleurPoliceMenu;
}

function ouvreLien(url,mode) {
	if (mode == "_blank") {
		window.open(url)
	} else if (mode == "_top")  {
		window.top.location.href = url
	} else { 
		window.top.parent.frames[mode].location.href  = url
	}
}

//------------------- Generar el Menu  ------------------------//

function menu_izq() {
	document.write("<style type='text/css'>");
	document.write(".menu {");
	document.write("	font-family: "+policeMenu+";");
	document.write("	font-size: "+taillePoliceMenu+"px;");
	document.write("	color: "+couleurPoliceMenu+";");
	document.write("	border: 1px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond+";");
	document.write("}");

	document.write(".ssmenu {");
	document.write("	font-family: "+policeMenu+";");
	document.write("	font-size: "+taillePoliceMenu+"px;");
	document.write("	color: "+couleurPoliceMenu+";");
	document.write("	border: 1px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond1+";");
	document.write("}");
	document.write("</style>");
	
	document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
	//1er bucle
	for (i=0; i<nbMenu; i++) {
		document.write("<tr>");
		document.write("<td onMouseOver='montreMenu("+i+")' onClick='ouvreLien(\""+ssmenuLien[i]+"\",\""+ssmenuTarget[i]+"\")' style='cursor:hand' class='menu'>"+menu[i]+"</td>");
		document.write("</tr>");
		document.write("<tr style='display:none' id='ssmenu"+i+"'>");
		document.write("<td>");
 		//<!--Un espacio-->
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
		document.write("<tr>");
		document.write("<td width='2'></td>");
		document.write("</tr>");
		document.write("</table>");
		//<!--El sub-menu-->
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>");
   		// segundo bucle
		for (z=0; z<ssmenuNom[i].length; z++) {
			document.write("<tr>");
			document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");
			document.write("</tr>");
   			//fin segundo bucle
		}
		document.write("</table>");
		document.write("</td>");
		document.write("</tr>");
		document.write("<tr>");
		document.write("<td width='2'></td>");
		document.write("</tr>");
		// fin primer bucle
		}
	document.write("</table>");
	}