//Archivo:  Menu
//Empresa:  Concierto de Tecnología
var codigo1="";
var codigo2="";
var definicion;
var background;
var color_text;
var borde;
var num;
var estilo="";
var top;
var left;
function mostrarDefinicion(opcion){
    num=0;
    background="#FFFFFB";
    color_text="#E0E0E0";
    borde="#FFF3C4";
    switch(opcion){
        case "diseno_sitios":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="260px";
            left="440px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="Se refiere a la creación de un sitio web e incluye las fases de diseño y desarrollo. En el diseño se cubren aspectos como la navegabilidad, usabilidad, interactividad y arquitectura de información. El desarrollo incluye requerimientos técnicos como la configuración de un servidor web, la codificación de aplicaciones web y la seguridad del servidor.</div>";
            break;
        case "aplicaciones_web":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="260px";
            left="575px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="En ingeniería de software, una aplicación web es aquella que es accedida con un navegador web a través de la Internet o una intranet. Son populares debido a que no requieren la instalación de ningún componente adicional.</div>";
            break; 
        case "usabilidad":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="348px";
            left="470px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="La usablidad (del inglés usability) es una medida empírica y relativa acerca de lo fácil, rápido y agradable que resulta para un usuario el utilizar una interfaz para realizar una tarea especifica.</div>";
            break;      
        case "e_marketing":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="418px";
            left="410px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="El E-marketing es un tipo de mercadeo que alcanza sus objetivos a través del uso de tecnología de comunicaciones electrónicas como el Internet, e-mail, ebooks, bases de datos y teléfonos celulares.</div>";
            break;   
        case "alojamiento_sitios":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="450px";
            left="500px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="Alojamiento o hosting es el servicio de proveer espacio en un servidor para alojar los archivos que componen un sitio web se denomina alojamiento. Existen varios tipos, siendo el más común el web hosting que adicionalmente incluye e-mail hosting.</div>";
            break;
        case "dominios":
            codigo1="<div onmouseout=\"javascript:ocultarDefinicion();\" onmouseover=\"javascript:ocultarDefinicion();\"  onmousemove=\"javascript:ocultarDefinicion();\" onmouseup=\"javascript:ocultarDefinicion();\"";
            top="490px";
            left="545px";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            codigo2="Dominio es el nombre único que identifica un servidor web ((http://www.suempresa.com), en lugar de su dirección IP (http://127.0.0.1). Puesto que Internet se basa en direcciones únicas IP, se creó un sistema de nombres que permite identificar más fácilmente los sitios web en vez de memorizar la dirección numérica IP. </div>";
            break;    
            
    }
    definicion=document.getElementById("definiciones");
    definicion.innerHTML=codigo1+estilo+codigo2; 
    setTimeout(efectoDefinicion,90);
}
function efectoDefinicion()
{
    switch(num){
        case 0:
            background="#FFFFE8";
            color_text="#C7C7C7";
            borde="#FFE88C";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            break;
        case 1:
            background="#FFFFD9";
            color_text="#B7B7B7";
            borde="#FFE26F";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            break;
        case 2:
            background="#FFFFCE";
            color_text="#B7B7B7";
            borde="#FFE26F";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            break;
        case 3:
            background="lightyellow";
            color_text="#666666";
            borde="#FFCC01";
            estilo="style=\"position:absolute;	background:"+background+";border:solid 1px "+borde+";width:270px;top:"+top+";left:"+left+";font-family:Trebuchet MS;font-size:11px;color:"+color_text+";	padding:10px;\">";
            break;
    }
    definicion=document.getElementById("definiciones");
    definicion.innerHTML=codigo1+estilo+codigo2;  
    num++;
    if(num<4){
       setTimeout(efectoDefinicion,90);
    }/*else{
        setTimeout(ocultarDefinicion,35000);
    }  */ 

}


function ocultarDefinicion(){  
    definicion=document.getElementById("definiciones");
    definicion.innerHTML="";
   
    
}