var cox=new Array;
var lx=0;
var ly=0;
var x=0;
var y=0;
var nccc=0;
var nccl=0;
var nav1_vis=false;
var ajuste_vert=0;
var lc3=0;
var lv3 = 0;
var lyp = 0;
//cox['1ses']='<div class="sesit1 selum" id="nav_aa">aa</div><div class="sesit1" id="nav_ab">ab</div><div class="sesit1">ac</div><div class="sesit1">ad</div><div class="sesit1">ae</div>';
//cox['2ses']='<div class="sesit1 selum">3aa</div><div class="sesit1">2ab</div><div class="sesit1">ac</div><div class="sesit1">ad</div><div class="sesit1">ae</div>';
$(document).ready(function()
{
    pcont=$('.contenedor_secciones').position();
    pcont_long=$('.contenedor_secciones').width();
    
    nccc=pcont.left;
    nccl=nccc+pcont_long;
    //console.log('pcont  '+nccc);
    $(document).mouseover(function(d)
    {
        el=$(this).attr('class');
        //console.log(' ffffffv '+el);
    });
    $('.sesit1').click(function(x)
    {   
        $('.sesit1').removeClass('selum');
        $(this).addClass('selum');
    });

    $('.sesit').on('mouseover',function()
    {
        $('.sesit').removeClass('selum');
        $(this).addClass('selum');
        igf=$(this).attr('id');
        posicione=$('#'+igf).position();
        posicionc=$('.contenedor_secciones').position();
        if(posicione==undefined)
        {
            $('.capa_nav2').html('');
            $('.capa_nav0').hide();
            nac=true;
        }
        else
        {
        conle=posicionc.left;
        anchiz=$('#'+igf).width();
        liz=posicione.left;
        tiz=posicione.top;
        lizw=liz-conle;
        lc3=liz+250;
        lv3=tiz;
        
        //console.log(liz+' - '+tiz+' - '+conle);
        $('.capa_nav1').css("margin-left",lizw);
        $('.capa_nav3_cont').hide();
        activa_pan2(igf,liz);
        }
    });

    $('.mcentro').mouseover( function(){
        $('#capa_nav1').hide();
        //console.log('cen');
    })
    $(document).on('mousemove',function(ee){
        x=ee.pageX;
        y=ee.pageY;
        //console.log('x: '+x+' --- y: '+y+' izda: '+nccc+' top '+ly+' ajuste vert '+ajuste_vert);
        if((x<nccc && nav1_vis) || (y<lyp && nav1_vis) || (x>nccl && nav1_vis))
        {
            $('.capa_nav0').hide();
            $('.capa_nav3_cont').hide();
            $('.sesit').removeClass('selum');
            nav1_vis=false;
        }
    });

    $
  //console.log(cox);
})

function carga_zona_men(ni,con)
{
    cox[ni]=con;
}

function activa_pan2(xx,liz)
{

    sonda=cox[xx];
    if(sonda==undefined)
    {
        $('.capa_nav2').html('');
        $('.capa_nav0').hide();
    }
    else
    {
    estacap=true;
        conte = cox[xx];
    posicion_cont=$('.contenedor_secciones').position();
    $('.capa_nav2').html(conte);
    $('.capa_nav0').show();
    posicion=$('.capa_nav1').position();
    tama=$('.capa_nav1').height();
    ajuste_vert=$('.sestop').height();
    tamaa=$('.capa_nav1').width();
    lx=posicion.left;
        ly = posicion.top - ajuste_vert;
        lyp = posicion_cont.top;
    nav1_vis=true;

    $('.sesit1').click(function(x)
    {   
        $('.sesit1').removeClass('selum');
        $(this).addClass('selum');
        idc=$(this).attr('id');
        idac=idc+'_c';
        $('.capa_nav3').css("display","none");    
        $('#'+idac).css("display","grid");
    });

    $('.sesit1').mouseover(function(x)
    {   
        $('.sesit1').removeClass('selum');
        $(this).addClass('selum');        
        idc=$(this).attr('id');
        idac=idc+'_c';
        $('.cont_nav3').hide(); 

        dax=$('#'+idac).attr('data');
        //console.log('d -> '+dax);
        if(dax=='coc')
        {
            posicionc=$('.contenedor_secciones').position();
            acont=$('.contenedor_secciones').width();
            //console.log('lc3:'+lc3);
            cpmm=$('#'+idc).position();
            lv3=cpmm.top;
            lv3=lv3+posicionc.top;
            la3=acont-lv3;
            //console.log('la '+la3);

            $('.capa_nav3_cont').css("left",lc3);
            $('.capa_nav3_cont').css("top",lv3);
            $('.capa_nav3_cont').css("width",la3);
            $('.capa_nav3_cont').show();
            $('#'+idac).show();
            $('.capa_nav1').css("width","250px");
            $('.capa_nav1').css("grid-template-columns","100%");            
        }
        else
        {
            //$('.cont_nav3').hide(); 
            $('.capa_nav1').css("width","250px");
            $('.capa_nav3_cont').hide();
            $('.capa_nav1').css("grid-template-columns","100%"); 
        }
    }); 
}   
    
    //activa_pan3(xx,0);
}

function activa_pan3(com,item)
{
    //console.log('activa: '+com+' '+item);
}