var nMenuPos=368;
if (!isIE && isWin)
	nMenuPos=366;


var aMenuHeader = [
		 {menu:'SERVICIOS', type:'drop', action:'Menu_showFirst(this)', code:'MENU_TOP_SERVICIOS', div:'divMServicios', top:68, left:0, width:200 }
 		,{menu:'CLIENTES',  type:'drop', action:'Menu_showFirst(this)', code:'MENU_TOP_CLIENTES',  div:'divMClientes',  top:68, left:89, width:200 }
		,{menu:'COMPAÑÍA',  type:'drop', action:'Menu_showFirst(this)', div:'divMCompania',  top:68, left:171, width:200 }
		,{menu:'CASOS DE ÉXITO', type:'drop', action:'Menu_showFirst(this)', div:'divMCasos', top:68, left:256, width:200 }
		,{menu:'SOPORTE',   type:'nodrop', action:'Go_Menu(\'SOPORTE\', \'TEMP_1\', \'DOCUMENT\')', div:'divMSoporte',   top:68, left:800, width:200 }
		,{menu:'CONTACTO',  type:'nodrop', action:'Go_Menu(\'CONTACTO\',\'TEMP_1\',\'FORM\')', div:'divMContacto',  top:68, left:805, width:200 }
	        ];

var aMenuFooter = [
		     {menu:'Nuestros Servicios', code:'MENU_BOT_SEPAMAS', div:'divMSepaMas'}
		    ,{menu:'Nuestra Compañía', code:'MENU_BOT_NUESTRA_COMPANIA', div:'divMNuestraCompania'}
		    ,{menu:'Ayuda', code:'MENU_BOT_AYUDA', div:'divMAyuda'}
		    ,{menu:'Próximos Pasos', code:'MENU_BOT_PROXIMOS_PASOS', div:'divMProximosPasos'}
            ];

function Menu_showFirst(oAMenu)
{
    var sId = oAMenu.parentNode.id;
        sId = sId.substring(2);
    var oA = $(sId).firstChild.rows[0].cells[0].firstChild;    
    var sHref = oA.getAttribute('href');
        sHref = sHref.substring(11);
    
    eval( sHref);        
}

function Menu_write(sId_Header, sId_Footer)
{
    
    var oContainer = $(sId_Header);
	var sDivSubMenu = '';

	var sTable = '<table width="100%" border="0" cellspacing="0" cellpadding="0" align="right"><tr>';
    var sMenu = '';
    var nLeft = 0;
    for(var nI=0;nI<aMenuHeader.length;nI++)
    {
        sMenu = aMenuHeader[nI].menu;
        sMenu = sMenu.escapeHTML();        
        nLeft = aMenuHeader[nI].left + nMenuPos; 
        //Secciones de Sub Menu
        if(aMenuHeader[nI].type =='drop')
        {
            sTable += '<td id="P_' + aMenuHeader[nI].div + '" align="center" valign="middle" class="menu" ><a href="#" onmouseover="Menu_close();Menu_show(\'' + aMenuHeader[nI].div + '\', this)" onclick="javascript:' + aMenuHeader[nI].action + '" >' + sMenu + '</a></td>';
            sDivSubMenu += '<div class="dropMenu" id="' + aMenuHeader[nI].div + '" left="' + nLeft + '" style="display:none;position:absolute;top:' + aMenuHeader[nI].top + 'px;left:' + aMenuHeader[nI].left + 'px;width:' + aMenuHeader[nI].width + 'px;" onclick="javascript:Menu_hide(\'' + aMenuHeader[nI].div + '\')"></div>';    
        }
        else
            sTable += '<td  align="center" valign="middle" class="menu"><a href="#" onmouseover="Menu_close();" onclick="javascript:' + aMenuHeader[nI].action + '" >' + sMenu + '</a></td>';
    }    
	sTable += '<td width="69" align="center" valign="middle" style="bn "  background="images/boton_login.png" class="login"><a href="#" onclick="Go_Login();" onmouseover="Menu_close();">ACCESO</a></td>';
    sTable += '</tr></table>';

	var oDiv = document.createElement('div');
    oDiv.innerHTML = sTable;
	Insertion.Bottom( oContainer, oDiv.firstChild);
    var oDivSubMenu = document.createElement('div');
    oDivSubMenu.innerHTML = sDivSubMenu;
    
    Insertion.Bottom( oDivSubMenu, oDiv.firstChild);
	Insertion.Bottom( oContainer, oDivSubMenu);
	
	var sHtml = '<br>';
	
	sHtml += '<table width="1000" border="0" cellspacing="0" cellpadding="0"><tr>';
    for(var nI=0;nI<aMenuFooter.length;nI++)
    {
        if(nI==0)
            sHtml += '<td width="20"></td>'; 
        else
            sHtml += '<td width="20"><img src="Images/li_foot.jpg" alt=""></td>'; 
	    sHtml += '<td width="240" valign="top"><span class="footer_titulo">' + aMenuFooter[nI].menu + '</span><ul class="footer_items" id="' + aMenuFooter[nI].div + '"></ul></td>'
    }
    sHtml += '</tr></table>';
	sHtml += '<br>';
	sHtml += '<table border="0" cellspacing="0" cellpadding="0"><tr>';
    sHtml += '<td width="400" height="40" class="direccion">Artikos Chile S. A. 2009 Burgos 80, Piso 2 Las Condes - Santiago  Chile <br>Fono: (56-2) 395 5400</td>';
    sHtml += '<td width="100"></td>'; 
    sHtml += '<td width="100" height="40" align="left"><span class="direccion"><img src="images/acti.jpg" alt="ACTI" width="68" height="30" ></span></td>';
    sHtml += '<td width="100" height="40" align="left"><span class="direccion"><img src="images/sii_online.jpg" alt="SII Online" width="78" height="30" ></span></td>';
    sHtml += '<td width="300" ></td>';
    sHtml += '</tr><tr><td width="1000" colspan="5" align="center" class="direccion">';
    sHtml += '<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Artikos.cl - Todos los derechos reservados 2010. Sitio optimizado para Internet Explorer&reg; 7+ y Mozilla Firefox&reg; 3.5 y para una resoluci&oacute;n de 1024 x 768 pixeles o superior.</td></tr>';
    sHtml += '</table>';



    $(sId_Footer).innerHTML = sHtml;
	
}

function Menu_load()
{
        var objDat = new XS_DataAccess(Conexion);
        objDat.OpenSession('DOC_SeccionesPlantilla_sp_sel', 'Documentos')
        objDat.addParam('COD_DOCUMENTO', 'PORTAL_ATK', 'adVarchar', 50)
        objDat.addParam('COD_PLANTILLA', 'HOME', 'adVarchar', 50)
        
        objDat.Trace = 0;
        objDat.Execute();

        if(  objDat.Info == 'OK' )
        {
          var aMenuHeaderHead = objDat.ResultJSON();
          var strServicios='';
          var strClientes='';
          var strCompania='';
          var strCasos='';
          var strSoporte='';
          var strContacto='';
          var strSepaMas = '&#160;';
          var strNuestraCompania='&#160;';
          var strAyuda='&#160;';
          var strProximosPasos='&#160;';
          
          for(var nI=0;nI<aMenuHeaderHead.length;nI++)
              {
                aMenuHeaderHead[nI].titulo = aMenuHeaderHead[nI].titulo.stripTags();
		        switch (aMenuHeaderHead[nI].cod_grupo)
		        {
			        case 'MENU_TOP_SERVICIOS':
				        strServicios+= '<tr><td onMouseOver="Menu_over(this)" onMouseOut="Menu_out(this)"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strServicios+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;
        				
			        case 'MENU_TOP_CLIENTES':
				        strClientes+= '<tr><td onMouseOver="Menu_over(this)" onMouseOut="Menu_out(this)"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strClientes+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;
			        case 'MENU_TOP_COMPANIA':
				        strCompania+= '<tr><td onMouseOver="Menu_over(this)" onMouseOut="Menu_out(this)"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strCompania+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;			
			        case 'MENU_TOP_CASOS':
				        strCasos+= '<tr><td onMouseOver="Menu_over(this)" onMouseOut="Menu_out(this)"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_2\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strCasos+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;		
			        case 'MENU_TOP_SOPORTE':
				        strSoporte+= '<tr><td onMouseOver="Menu_over(this)" onMouseOut="Menu_out(this)"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_3\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strSoporte+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;		
				        
			        case 'MENU_TOP_CONTACTO':
				        strContacto+= '<tr><td class="drop"><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_3\', \'' + aMenuHeaderHead[nI].tipo + '\')" class="drop">';
				        strContacto+= aMenuHeaderHead[nI].titulo +'</a></td></tr>';
				        break;		

			        case 'MENU_BOT_SEPA_MAS':
				        strSepaMas+= '<li><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')">' + aMenuHeaderHead[nI].titulo + '</a></li>';
				        break;		

			        case 'MENU_BOT_NUESTRA_COMPANIA':
				        strNuestraCompania+= '<li><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')">' + aMenuHeaderHead[nI].titulo + '</a></li>';
				        break;		

			        case 'MENU_BOT_AYUDA':
				        strAyuda+= '<li><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')">' + aMenuHeaderHead[nI].titulo + '</a></li>';
				        break;		

			        case 'MENU_BOT_PROXIMOS_PASOS':
				        strProximosPasos+= '<li><a href="javascript:Go_Menu(\'' + aMenuHeaderHead[nI].cod_seccion + '\', \'TEMP_1\', \'' + aMenuHeaderHead[nI].tipo + '\')">' + aMenuHeaderHead[nI].titulo + '</a></li>';
				        break;		
		        }
              }
           //Menu Header   
           if(strServicios!='')   
            $('divMServicios').innerHTML='<table>' + strServicios + '</table>'; 
            
           if(strClientes!='')   
             $('divMClientes').innerHTML='<table>' + strClientes + '</table>'; 
          
           if(strCompania!='')   
            $('divMCompania').innerHTML='<table>' + strCompania + '</table>'; 
           if(strCasos!='')   
            $('divMCasos').innerHTML='<table>' + strCasos + '</table>'; 
            
          if(strSoporte!='')   
          {
             $('divMSoporte').innerHTML='<table class="drop">' + strSoporte + '</table>'; 
          }   
          if(strContacto!='')   
            $('divMContacto').innerHTML='<table class="drop">' + strContacto + '</table>'; 
            
           //Menu Footer 
           if(strSepaMas!='')   
            $('divMSepaMas').innerHTML=  strSepaMas; 

           if(strNuestraCompania!='')   
            $('divMNuestraCompania').innerHTML= strNuestraCompania; 

           if(strAyuda!='')   
            $('divMAyuda').innerHTML= strAyuda; 

           if(strProximosPasos!='')   
            $('divMProximosPasos').innerHTML= strProximosPasos; 

          }
 
}


var oMenuActivo = null;
function Menu_on(oThis)
{
    oThis.style.color = '#052448';
    oMenuActivo = oThis.parentNode;
    oMenuActivo.style.background = '#ffffff'; 
    oMenuActivo.style.borderLeft = '1px solid #ff9800'; 
    oMenuActivo.style.borderTop= '1px solid #ff9800'; 
}


function Menu_show(sIdMenu, oMenu)
{
    Menu_on(oMenu);
    var oDiv = $(sIdMenu);
    if(oDiv != null)
    {
          var nOffset = 0;
          if ( isIE && isWin )
          {  
              var oDimen = document.getElementsByTagName('BODY');
                  oDimen = oDimen[0]; 
              var nWidth = $(oDimen).getWidth();
                if(nWidth > 1024)
                {
                    nOffset = (nWidth - 1024)/2;
                    nOffset = Math.floor(nOffset); 
                }
          }           
          else
          {
                var nWidth = window.innerWidth;
                if(nWidth > 1024)
                {
                    nOffset = (nWidth - 1024)/2 - 8;
                    nOffset = Math.floor(nOffset); 
                }            
          }
          
                     

        var nLeft = oDiv.getAttribute('left'); 
            nLeft = +nLeft + nOffset;
        oDiv.setStyle( {left:nLeft} ); 
        oDiv.show();    
    }
}

function Menu_hide(sIdMenu)
{
    var oDiv = $(sIdMenu);
    if(oDiv != null)
        oDiv.hide();
}

function Menu_over(oMenu)
{
    oMenu.firstChild.style.Color = '#ff9800';
}    

function Menu_out(oMenu)
{
    oMenu.firstChild.style.Color = '#052448';
}    

function Menu_close()
{
    if(oMenuActivo!=null)
    {
        oMenuActivo.firstChild.style.color = '#ffffff';
        oMenuActivo.style.background = ''; 
        oMenuActivo.style.borderLeft = '1px solid #ffffff'; 
        oMenuActivo.style.borderTop= ''; 
    }
    for(var nI=0;nI<aMenuHeader.length;nI++)
    {
        if(aMenuHeader[nI].div!='')
        {
            var oDiv = $(aMenuHeader[nI].div);
            if(oDiv != null)
                oDiv.hide();
        }    
    }    
}