<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SACM/Sociedad de Autores y Compositores de M&#233;xico Sociedad de Autores y Compositores de México</title>
    <link rel="shortcut icon" type="image/x-icon" href="/Images/sacm_ico.ico" />
    <script src="/bundles/jquery?v=8kmHc-ukmg3rp-jj2rNMjYYIG_lP3ErMNtowPG93XbM1"></script>

    <link href="/Content/css?v=r8FQOWfSD-TMZGJnDfFpHqDJX8tN5d-nEHHkeFQoQDk1" rel="stylesheet"/>

    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

    <meta name="author" content="sacm@sacm.org.mx" />
    <meta name="revisit-after" content="30 days" />
    
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lt IE 7]><style>
    /* style for IE6 + IE5.5 + IE5.0 */
    .gainlayout { height: 0; }
    </style><![endif]-->
    

    <script src="/bundles/bootstrap?v=bpwN8lgxtWwc082_sItX7hPYPaTBtfZsRwJ7ODvVB381"></script>

    
    <script src="/Scripts/effects.js"></script>
    <script>
        var urlDomin = getIP();
                
        //////////////////////////////////////SECCION SCRIPT SHOW BANNERS///////////////////////////////////////////////////////////////////////////////////////////
        var settings = {

            'force_size': 0,         		// 	if set to 1 all banners will be resized to the width and height in the next to settings
            'img_width': 468,			//	width to resize all banners to, only takes effect if above is 1
            'img_height': 60, 			// 	height to resize all banners to, only takes effect if above is 1
            'refresh_time': 7000,			//	the seconds between refreshs of the banners - use 0 to disable originslly 7000
            'refresh_max': 100,				//	maximum number of refreshs on each page load
            'duplicate_banners': 0,				//	keep as 0 to make sure the same banner won't show on the same page. will only take effect
            //  if show_banners(); is used more than once. You must make sure you have enough banners to fill
            //  all the slots else the browser may freeze or give a stack overflow error
            'location_prefix': 'adLocation-',	//	The prefix of the IDs of the <div> which wraps the banners - this div is generated dynamically.
            //  a number will be added on the end of this string. adLocation- was used by default before version 1.4.x
            'location_class': 'swb',			//  A class to add to all of the <div>s which wrap the banners, ideal to use for styling banners - use .swb img in your CSS
            'window': '_self',		//	Window to open links in, _self = current, _blank = new. Use _top if in a frame!
            'default_ad_loc': 'default'		//	The default adLocation. This is assigned to any banners not given an adLocation in the below banner list
            //  There is no real reason to need to change this
        }
        var dir = 'Banners/png';
        /* Banners  banner list Sintaxis: new banner(Nombre, URL, Ruta de la imagen, caducidad, categoria, Target),  DATE FORMAT: dd/mm/yyyy  if you're not using adlocations just leave it empty like '' as in the last example here  to make sure a banner is always rotating, just set the date far into the future, i.e. year 3000   */
        var banners = [
            //new banner('Banner chico 1', 'http://www.sacm.org.mx/mmc/', urlDomin + dir + '/banner_chico_1.png', '31/12/2025', 'small', '_self'),
            //new banner('Banner chico 2', 'http://www.sacm.org.mx/tcsacm', urlDomin + dir + '/banner_chico_2.png', '31/12/2025', 'small', '_self'),
            //new banner('Banner chico 3', 'http://www.emmacsacm.com.mx', urlDomin + dir + '/banner_chico_3.png', '31/12/2025', 'small', '_self'),
            new banner('Dreamhost', 'http://www.dreamhost.com/r.cgi?259541', 'images/6.gif', '31/12/2025', '', '_self')]

        function getIP() {

            var arrpor = (document.URL).split(':');
            var buf = [''];
            var port = arrpor.length < 3 ? buf : (arrpor[2].split('/'));
            
            var myur = arrpor[0] + '://' + 'www.sacm.org.mx' + (port[0] == '' ? '' : ':' + port[0]) + '/' + '/' + 'repositorio/';
            return myur;
        }
        GetButtonBanners();

        function GetButtonBanners() {
            var action = "";
            var settings = {
                async: false,
                type: "GET",
                dataType: 'json',
                data: {},
                url: '/inicio/GetButtonBanners',
                contentType: "application/json; charset=utf-8"
            };
            $.ajax(settings).done(function (response) {

                $.each(response.data, function (i, item) {

                    if (item.ID_TIPOCONTENIDO == 5) {
                        banners.push(new banner('' + item.Titulo + '', '' + item.ENLACE + '', urlDomin + 'Banners/' + (item.IMAGEN.split('.').pop() == 'png' ? dirImg = 'png' : dirImg = 'jpg') + '/' + item.IMAGEN + '', '31/12/2024', 'bottom', '_blank'));
                    }
                    else if (item.ID_TIPOCONTENIDO == 4) {
                        banners.push(new banner('' + item.Titulo + '', '' + item.ENLACE + '', urlDomin + 'Banners/' + (item.IMAGEN.split('.').pop() == 'png' ? dirImg = 'png' : dirImg = 'jpg') + '/' + item.IMAGEN + '', '31/12/2024', 'home', '_self'));
                    }
                    else if (item.ID_TIPOCONTENIDO == 6) {
                        banners.push(new banner('' + item.Titulo + '', '' + item.ENLACE + '', urlDomin + 'Banners/' + (item.IMAGEN.split('.').pop() == 'png' ? dirImg = 'png' : dirImg = 'jpg') + '/' + item.IMAGEN + '', '31/12/2024', 'small2', '_self'));
                        banners.push(new banner('' + item.Titulo + '', '' + item.ENLACE + '', urlDomin + 'Banners/' + (item.IMAGEN.split('.').pop() == 'png' ? dirImg = 'png' : dirImg = 'jpg') + '/' + item.IMAGEN + '', '31/12/2024', 'small', '_self'));
                    }
                })
            }).fail(function (jqXHR, textStatus, err) {
            });
        }
        //There is no need to edit below here
        ///////////////////////////////////////////////////////////////////////////////////
        var used = 0; var location_counter = 0; var refresh_counter = 1; var map = new Array(); function banner(a, b, c, d, e) {  this.name = a; this.url = b; this.image = c; this.date = d; this.active = 1; this.oid = 0; if (e != '' && e != undefined) { this.loc = e } else { this.loc = settings.default_ad_loc } } function show_banners(a) { location_counter = location_counter + 1; if (a != '' && a != undefined) { map[location_counter] = a } else { map[location_counter] = settings.default_ad_loc } var b = '<div id="' + settings.location_prefix + location_counter + '" class="' + settings.location_class + '"></div>'; document.write(b); display_banners(location_counter) } function display_banners(a) { var b = new Array(); if (a == '' || !a || a < 0) { return } var c = banners.length; if ((c == used) && settings.duplicate_banners == 0) { return } for (i = 0; i < (banners.length); i++) { banners[i].oid = i; if ((banners[i].loc == map[a]) && (banners[i].active == 1)) { b.push(banners[i]) } } var d = Math.floor(Math.random() * b.length); var e = b[d]; var f = (settings.force_size == 1) ? ' width="' + settings.img_width + '" height="' + settings.img_height + '"' : ''; var g = '<a href="' + (e != undefined ? e.url : '') + '" title="' + (e != undefined ? e.name : '') + '" target="' + settings.window + '"><img border="0" src="' + (e != undefined ? e.image : '') + '"' + f + ' alt="' + (e != undefined ? e.name : '') + '" /></a>'; var h = new Date(); var j = (e != undefined ? e.date : '1/1/2030'); j = j.split('/', 3); var k = new Date(); k.setFullYear(parseInt(j[2]), parseInt(j[1]) - 1, parseInt(j[0])); if ((h < k) && (e != undefined ? e.active : 1) == 1) { var l = document.getElementById(settings.location_prefix + a); if (l == null) { alert('spyka Webmaster banner rotator\nError: adLocation doesn\'t exist!') } else { l.innerHTML = g; if (settings.duplicate_banners == 0) { banners[(e != undefined ? e.oid : 0)].active = 0; used++ } return } } else { display_banners(a) } return } function refresh_banners() { if ((refresh_counter == settings.refresh_max) || settings.refresh_time < 1) { clearInterval(banner_refresh) } used = 0; for (j = 0; j < (banners.length); j++) { banners[j].active = 1 } for (j = 1; j < (location_counter + 1); j++) { display_banners(j) } refresh_counter++ } var banner_refresh = window.setInterval(refresh_banners, settings.refresh_time);
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    </script>
    
    <link href="/Styles/Index.css" rel="stylesheet" />
    <link href="/Styles/Cabecera.css" rel="stylesheet" />
    <link href="/Styles/menu.css" rel="stylesheet" />
    <link href="/Styles/QuienesSomos.css" rel="stylesheet" />
</head>
<body>
    <input id="URL" name="URL" type="hidden" value="" />
    <input id="vR" name="URL" type="hidden" value="0" />

    <div class="menu_bar fixed-top">
        <a href="#" class="bt-menu">
            <span class="btn">
                __<br />
                __<br />
                __
            </span>
            <img src="/Images/archive/logo-sacm.gif" id="logo_img2" alt="Logo Sociedad de autores y compositores de México" />
            <img src="/Images/archive/sociedad-de-compositores.jpg" id="logo_img_txt2" alt="Sociedad de Autores y Compositores de México" />
        </a>
    </div>
    <div class="row _Container">
        <div class="col-lg-1"></div>
        <div class="col-lg-10" style="max-width: 1040px !important; margin: 0 auto">
            <div id="logo">
                <img src="/Images/archive/logo-sacm.gif" id="logo_img" alt="Logo Sociedad de autores y compositores de México" />
            </div>
            <header class="inicio">
                <div id="header-top" style="margin-bottom: 5px">                    
                    <img src="/Images/archive/sociedad-de-compositores.jpg" id="logo_img_txt" alt="Sociedad de Autores y Compositores de México" />
                    <img src="/Images/archive/logo-sacm.gif" id="logo_img3" alt="Logo Sociedad de autores y compositores de México" />
                    <div id="buscador" class="row">
                        <div class="col-md-12">                          
                           <div style="margin-bottom:3px">
                                <a href="https://www.facebook.com/SACMoficial" target="_blank" style="padding: 3px" title="Facebook"> 
                                    <img src="/Images/small_facebook.png"  border="0"/>
                                </a>
                                <a href="http://www.twitter.com/SACM_Oficial" target="_blank" style="padding: 3px" title="Twitter" >
                                    <img src="/Images/small_twitter.png" border="0"/>
                                </a>
                                <a href="http://Instagram.com/SACM_oficial" target="_blank" style="padding: 3px" title="Instagram">
                                    <img src="/Images/small_instagram.png" border="0"/>
                                </a>
                                <a href="https://socios.sacm.org.mx/" target="_blank" style="padding: 3px" title="Acceso a Socios">
                                    <img src="/Images/user_socio.png" border="0"/>
                                </a>
                            </div>
                            <div class="row">
                                <div class="col-md-12" style="padding-left:0">
                                    <form id='your-form-name' action='/Home/Busqueda' method='POST'>
                                        <div class="form-group" style="margin-bottom: 0">
                                            <div class="input-group">
                                                <input type="text" id="busqueda" name="busqueda" class="form-control" autocomplete="off"/>

                                                <input type="submit" id="btnSearch" onclick="" style="margin-left:0px" title="Buscar"/>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <nav id="navMenu">

                    <ul id="menu-first">
                        <li class="submenu">
                            <a href="/">
                                INICIO<br />
                                &nbsp;
                            </a>
                        </li>

                        <li class="submenu">
                            <a href="#">
                                QUIENES <br />
                                SOMOS
                            </a>
                            <ul class="children cp">
                                <li>
                                    <a href="/QuienesSomos/SACM">SACM</a>
                                </li>
                                <li class="submenu ch">
                                    <a href="#"> Directorio </a>
                                    <ul class="children">
                                        <li class="up"><a href="/QuienesSomos/ConsejoDirectivo">Consejo Directivo</a></li>
                                        <li class="up"><a href="/QuienesSomos/Funcionarios">Funcionarios</a></li>
                                        <li class="submenu ch">
                                            <a href="#"> Representantes </a>
                                            <ul class="children">
                                                <li class="up"><a href="/QuienesSomos/Nacionales">Nacionales</a></li>
                                                <li class="up"><a href="/QuienesSomos/DelegadosInternacionales">Internacionales</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="submenu">
                                    <a href="/Licencias/QuienesDebenPagar/0">
                                        Licencias y
                                        <br />
                                        Recaudación
                                    </a>
                                </li>
                                <li class="submenu">
                                    <a href="/QuienesSomos/Internacional/0">Internacional</a>
                                </li>

                                <li class="submenu">
                                    <a id="r1" href="/QuienesSomos/Internacional/1">
                                        Mecánicos,
                                        <br />
                                        Sincronización y
                                        <br />
                                        Digitales
                                    </a>
                                </li>
                                <li class="submenu ch">
                                    <a href="#"> Distribución </a>
                                    <ul class="children">
                                        <li class="up"><a href="/QuienesSomos/Informatica">Informática</a></li>
                                        <li class="up"><a href="/QuienesSomos/Reglamento">Reglamento</a></li>

                                    </ul>
                                </li>

                                <li class="submenu ch">
                                    <a href="#"> Jurídico </a>
                                    <ul class="children">
                                        <li class="up"><a href="/QuienesSomos/Juridico/0">Asesoría legal</a></li>
                                        <li class="up">
                                            <a href="/QuienesSomos/Juridico/1">
                                                Protegemos<br />
                                                tus derechos
                                            </a>
                                        </li>
                                        <li class="submenu ch">
                                            <a href="#">
                                                Ley y Reglamento<br />
                                                Derechos de Autor
                                            </a>
                                            <ul class="children">
                                                <li class="up"><a href="/QuienesSomos/Ley">Ley</a></li>
                                                <li class="up"><a href="/QuienesSomos/ReglamentoDeLaLey">Reglamento</a></li>
                                            </ul>
                                        </li>
                                        <li class="up"><a href="/QuienesSomos/Estatutos"> Estatutos SACM</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="submenu">
                            <a href="/beneficios/Beneficios">
                                TUS
                                <br />
                                BENEFICIOS
                            </a>
                        </li>

                        <li class="submenu">
                            <a href="#">
                                SERVICIOS <br />
                                A SOCIOS
                            </a>
                            <ul class="children cp">
                                <li>
                                    <a href="/Servicios/PreguntasFrecuentes">
                                        Lo que tienes
                                        <br />
                                        que saber
                                    </a>
                                </li>
                                <li><a href="/Servicios/AtencionASocios"> Atención a Socios</a></li>
                                <li>
                                    <a href="/Servicios/Afiliate">
                                        Departamento de<br />
                                        Afiliación y Registro<br />
                                        de Obras
                                    </a>
                                </li>
                                <li class="submenu ch">
                                    <a href="#"> Industria Musical</a>
                                    <ul class="children">
                                        <li class="up"><a href="/Servicios/DirectorioEditoras">Editoras </a></li>
                                        <li class="up"><a href="/Servicios/DirectorioGrabadoras">Grabadoras</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="submenu">
                            <a href="#">
                                LICENCIAS
                                <br />
                                Y TARIFAS
                            </a>
                            <ul class="children cp">
                                <li>
                                    <a href="/Licencias/QuienesDebenPagar/0">
                                        ¿Quiénes
                                        <br />
                                        deben pagar?
                                    </a>
                                </li>
                                <li><a href="/Licencias/QuienesDebenPagar/1">Cuotas y tarifas</a></li>
                                <li>
                                    <a href="/Licencias/QuienesDebenPagar/2">
                                        ¿A quién y
                                        <br />
                                        dónde pagar?
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="submenu">
                            <a href="#">
                                SACM <br />
                                INFORMA
                            </a>
                            <ul class="children cp">
                                <li><a href="/Informa/Noticias"> Noticias </a></li>
                                <li class="up"><a href="/Informa/Repertorio">Repertorio</a></li>
                                <li><a href="/Informa/NewSACM"> NewSACM </a></li>
                                <li><a href="/Informa/Publicaciones">Publicaciones</a></li>
                                <li class="submenu ch">
                                    <a href="#"> Aniversarios </a>
                                    <ul class="children">
                                        <li><a href="/Informa/AniversariosLuctuosos"> Luctuosos </a></li>
                                        <li class="up"><a href="/Informa/AniversariosEspeciales">Especiales</a></li>
                                    </ul>
                                </li>
                                <li class="up"><a href="/Informa/Videoteca"> Videoteca </a></li>
                                <li><a href="/Informa/Biografias">Biografías</a></li>
                                <li>
                                    <a href="/Informa/PlazaCompositores">
                                        Plaza de los<br />
                                        compositores
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="submenu">
                            <a href="/Home/Contacto">
                                CONTÁCTANOS <br />
                                &nbsp;
                            </a>
                        </li>
                    </ul>
                </nav>


            </header>
            <div class="icoTop">
                <a href="/Home/Feed" target="_blank" style="padding: 3px" title="RSS">
                    <img src="/Images/archive/rss.png" border="0"/>
                </a><br />
                <a href="/Informa/NewSACM" target="_blank" style="padding: 3px" title="Newsletter">
                    <img src="/Images/archive/news.png" border="0" />
                </a>
            </div>
        </div>
        <div class="col-lg-1">


        </div>
    </div>


    <div id="frstDv" class="container body-content">
        

<header>
    <link href="/Styles/diapo.css" rel="stylesheet" />
    <link href="/Styles/Index.css" rel="stylesheet" />
    <link href="/Styles/Cabecera.css" rel="stylesheet" />
    <link href="/Styles/menu.css" rel="stylesheet" />
    <link href="/Styles/QuienesSomos.css" rel="stylesheet" />
    <link href="/Styles/bootstrap340.min.css" rel="stylesheet" />
    <script src="/Scripts/jQueryv3.4.1.mis.js"></script>
    <script src="/Scripts/boostrap340.min.js"></script>
    <script>var $ojQuery = $.noConflict(true);</script>
    <script src="/Scripts/jquery-1.7.1.min.js"></script>
    <script src="/Scripts/effects.js"></script>
    <script src="/Scripts/jquery.tn3lite.min.js"></script>
    <script src="/Scripts/jquery.hoverIntent.minified.js"></script>
    <script src="/Scripts/diapo.min.js"></script>
    <script src="/Scripts/jquery.mobile-1.0rc2.customized.min.js"></script>


    <style type="text/css">
        #thYear {
            width: 900px;
        }

        .headYearCurr {
            text-align: center;
            background-color: #ffffff;
            color: #403376;
            border-radius: 3px;
            font-size: 16px;
            font-weight: bold;
            padding: 10px;
        }

        .thMonths {
            text-align: center;
            background-color: #ffffff;
            color: #403376;
            border-radius: 3px;
            font-size: 16px;
        }

        #tbBillboard {
            text-align: center;
            padding: 10px;
            border: none;
        }

            #tbBillboard th {
                font-family: Helvetica;
                font-size: 12px !important;
                text-align: center;
                background-color: #ffffff;
                color: #fd7215;
            }

        .Ccasilladia a {
            font-weight: bold;
        }
    </style>



    <script type="text/javascript">
        var _transPeriod = 2000;
        var monthNames = ["ENERO", "FEBRERO", "MARZO", "ABRIL", "MAYO", "JUNIO", "JULIO", "AGOSTO", "SEPTIEMBRE", "OCTUBRE", "NOVIEMBRE", "DICIEMBRE"];
        $(document).ready(function () {
            disable();
            try { setTimeout('GetCarousel();GetIndex2();setBiographiCar();GetVideotec();GetBirts();GetTopNews();', 1); }
            catch (ex) { enable(); }

            //////////////////////////////////LOAD CALENDAR/////////////////////////////////////////////////////////////
            var res = null;
            var fh = new Date();
            calendario.anioS = fh.getFullYear(); calendario.mesS = fh.getMonth(); calendario.diaS = fh.getDate();

            //get the events
            var lastDay = getDaysMonth(calendario.mesS + 1, calendario.anioS, 0);
            getEvents(calendario.anioS + '-' + (calendario.mesS + 1) + '-' + 1, calendario.anioS + '-' + (calendario.mesS + 1) + '-' + lastDay);

            var fecha = new Date(calendario.anioS, calendario.mesS, calendario.diaS);
            calendario.fechaHoy = fecha;
            writeYears(); writeMonths();
            //calendario.cabCalendario();
            setMonthLoad(calendario.mesS);
            ////////////////////////////////////////////////////////////////////////////
        });
        function GetVideotec() {
            $.ajax({
                type: "GET", url: '/inicio/GetVideotec',
                data: '', async: true, dataType: "json", contentType: "application/json; charset=utf-8",
                success: function (response) {
                    $.each(response.data, function (i, item) {
                        document.getElementById('itube').src = item.ENLACE;
                        document.getElementById('itube1').src = item.ENLACE;
                    })
                }, error: function (response) { }
            })
        }

        function GetTopNews() {
            var action = ""; var settings = {
                async: true, type: "GET", dataType: 'json', data: {}, url: '/informa/GetNews/2',
                contentType: "application/json; charset=utf-8"
            }; $.ajax(settings).done(function (response) {
                enable();
                $.each(response.data, function (i, item) {
                    //action = "Informa/Noticia/" + item.ID; var dirImg = '';
                    action = "Informa/Noticia/?idx=" + item.ID + "," + (1) + "";
                    var n_splitted = item.IMAGEN.split('.'); (n_splitted.pop() == 'jpg' ? dirImg = 'jpg' : dirImg = 'png')
                    $("#secNew").append(
                     '<h5 class="azul-clr"><b><a href=' + action + '>' + item.TITULO_NOTICIA + '</a></b></h5>' + '<p style="margin-bottom: 20px;">' + item.DESCRIPCION + '</p>');
                })
            }).fail(function (jqXHR, textStatus, err) { enable(); });
        }


        function ucwords(oracion) {
            return oracion.replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function ($1) {
                return $1.toUpperCase();
            });
        }


        function GetBirts() {
            url2 = "/inicio/GetFechaNac";
            $.ajax({
                url: url2, dataType: 'json', success: function (json) {
                    try {
                    enable();
                    var dateObj = new Date();
                    var month = dateObj.getUTCMonth(); //months from 1-12
                    var day = dateObj.getUTCDate();
                    $('#htoday').text(day + ' DE ' + monthNames[month]);                
                        var objeto = JSON.parse(json.nacimientos);
                        $.each(objeto, function (i, item) {
                            var arrN = (item.NOMBRE).split(" ");
                            var name = "";
                            for (var i = 0; i < arrN.length; i++) {
                                name += (arrN[i]).charAt(0).toUpperCase() + (arrN[i]).slice(1).toLowerCase() + " ";
                            }
                            if (GetExists(item.SOC) < 1) {
                                $("#ulBirt").append('<li>' + name + '</li>')
                            }
                            else {
                                $("#ulBirt").append('<li><a href=' + (item.SOC == null ? "#" : ("Informa/Biografia/" + item.SOC)) + '><i>' + name + '</i></a></li>')
                            }
                        });
                    }catch(ex){}
                }
            });
        }


        function GetExists(socio) {
            var result = 0;
            var urlD = "/informa/GetBioDetail/null";
            urlD = urlD.replace("null", socio);
            var settings = {
                async: false, type: "GET", dataType: 'json', data: {}, url: urlD,
                contentType: "application/json; charset=utf-8"
            };
            $.ajax(settings).done(function (response) {
                enable(); result = response.data.length;
            }).fail(function (jqXHR, textStatus, err) {
                enable(); result = 0;
            }); return result;
        }


        function GetCarousel() {
            var cont = 0, dirImg = '', n_splitted = '' ;
            var settings = {
                async: true,
                type: "GET",
                dataType: 'json',
                data: {},
                url: '/inicio/GetCarousel/1',
                contentType: "application/json; charset=utf-8"
            };
            $.ajax(settings).done(function (response) {
                enable();
                $.each(response.data, function (i, item) {
                    dirImg = '';
                    cont = item.TIEMPO; 
                    n_splitted = item.IMAGEN.split('.');
                    (n_splitted.pop() == 'jpg' ? dirImg = 'jpg' : dirImg = 'png')
                    $("#dvCarou").append(    //((i == 0) ? 1000 : ((i + 2) * 1000))
                      '<div data-thumb="' + urlDomin + "Inicio/" + dirImg + "/" + item.IMAGEN + '"  data-time="' + (item.TIEMPO * 1000) + '" style="background-color:black">' +
                        '<img class="img-responsive img-dip" src="' + urlDomin + "Inicio/" + dirImg + "/" + item.IMAGEN + '">' +
                        '<a href="' + item.ENLACE + '">' +
                            '<div class="caption elemHover fromLeft cpt">' +
                               '<h3 class="f-sis">' + item.DESCRIPCION + '</h3>' +
                               '[ + ] Información' +
                      '</div>' +
                      '</a></div>');
                });
                _transPeriod =  '1e3', //3000;
                $('.pix_diapo').diapo();

            }).fail(function (jqXHR, textStatus, err) {
                enable();
            });
        }

        function GetIndex2() {
            var cont = 0;
            var car = '';
            var dirImg = '';
            var settings = {
                async: false,
                type: "GET",
                dataType: 'json',
                data: {},
                url: '/inicio/GetCarousel/2',
                contentType: "application/json; charset=utf-8"
            };
            $.ajax(settings).done(function (response) {
                enable();

                for (var i = 0; i < response.data.length; i++) {
                    var n_splitted = response.data[i].IMAGEN.split('.');
                    (n_splitted.pop() == 'jpg' ? dirImg = 'jpg' : dirImg = 'png')
                    if (response.data[i].ID_TIPO_ARCHIVO == 5) {
                        document.getElementById('itube').src = response.data[i].ENLACE;
                        document.getElementById('itube1').src = response.data[i].ENLACE;
                    }
                    else {
                        if (i != 4) {

                            //if (i == 2) {//when is biografia
                          if(response.data[i].ENLACE.includes('Biografia')){
                                     $("#dvScRw1").append('<ul id="sdt_menu" class="sdt_menu" style="position: relative;">' +
                                       '<li>' +
                                           '<a id="aBI0" href="' + response.data[i].ENLACE + '">' +
                                               '<div class="sdt_wrap">' +
                                                   '<span id="sBI0" class="sdt_link">' + response.data[i].DESCRIPCION + '</span>' +
                                                   '<span class="sdt_active"></span>' +
                                               '</div>' +
                                               '<article class="notas-home05">' +
                                                   '<img id="iBI0" class="img-responsive wdt-i" src="" />' +
                                               '</article>' +
                                           '</a>' +
                                       '</li>' +
                                  '</ul>'
                                   );


                            }
                            else {
                                $("#dvScRw1").append('<ul id="sdt_menu" class="sdt_menu" style="position: relative;">' +
                                 '<li>' +
                                     '<a href="' + response.data[i].ENLACE + '">' +
                                         '<div class="sdt_wrap">' +
                                             '<span class="sdt_link">' + response.data[i].DESCRIPCION + '</span>' +
                                             '<span class="sdt_active"></span>' +
                                         '</div>' +
                                         '<article class="notas-home05">' +
                                             '<img class="img-responsive wdt-i" src="' + urlDomin + "Inicio/" + dirImg + "/" + response.data[i].IMAGEN + '" />' +
                                         '</article>' +
                                     '</a>' +
                                 '</li>' +
                            '</ul>'
                             );
                            }

                        }
                        if (i == 4) {       
                            $("#dvScRw1").append('<ul id="sdt_menu" class="sdt_menu" style="position: relative;">' +
                                  '<li class="last-g">' +
                                      '<a href="' + response.data[i].ENLACE + '">' +
                                           '<div class="sdt_wrap">' +
                                             '<span class="sdt_link">' + response.data[i].DESCRIPCION + '</span>' +
                                             '<span class="sdt_active"></span>' +
                                         '</div>' +
                                          '<article class="notas-home05">' +
                                              '<img class="img-responsive wdt-i last-g" src="' + urlDomin + "Inicio/" + dirImg + "/" + response.data[i].IMAGEN + '" />' +
                                          '</article>' +
                                      '</a>' +
                                  '</li>' +
                             '</ul>'
                              );

                            car += '<div class="active item container-fluid" style="padding:0">' +
                                   '<ul id="sdt_menu" class="sdt_menu" style="position: relative;padding:0">' +
                                      ' <li style="">' +
                                         '  <div class="row">' +
                                           '    <div class="col-md-12" style="padding:0">' +
                                                  ' <div class="row"  style="flex-wrap:nowrap;height: 165px;">' +
                                             '          <div class="col-12 col-md-12" style="padding:0">' +
                                                  '         <a id="' + (response.data[i].ENLACE.includes('Biografia') ? "aBI" : "") + '" href="' + (response.data[i] == undefined ? '' : response.data[i].ENLACE) + '">' +
                                                      ((response.data[i ] == undefined) ? '' : (
                                                      '   <div class="sdt_wrap">' +
                                                            '       <span id="' + (response.data[i].ENLACE.includes('Biografia') ? "sBI" : "") + '" class="sdt_link">' +
                                                                    (response.data[i] == undefined ? '' : response.data[i].DESCRIPCION) +
                                                                '   </span>' +
                                                                 '  <span class="sdt_active"></span>' +
                                                           '    </div>')) +
                                                              ' <article class="" style="text-align:center;margin:0 0px 0 0px;border-right: white;">' +
                                                                  ' <img id="' + (response.data[i].ENLACE.includes('Biografia') ? "iBI" : "") + '" class="img-responsive im-min-carl"  src="' + (response.data[i] == undefined ? '' : urlDomin + "Inicio/" + ((response.data[i].IMAGEN.split('.')).pop()) + "/" + response.data[i].IMAGEN) + '" />' +
                                                             '  </article>' +
                                                          ' </a>' +
                                                     '  </div>' +
                                                  ' </div>' +
                                             '  </div>' +
                                          ' </div>' +
                                       '</li>' +
                                  ' </ul>' +
                            '   </div>'
                        }

                        //FILL THE SAME CONTENT WITH A CAROUSEL

                       

                        if ((i == 0 || i % 4 == 0) && i != 4) {
                            car += '<div class="active item container-fluid" style="padding:0">' +
                                    '<ul id="sdt_menu" class="sdt_menu" style="position: relative;padding:0">' +
                                       ' <li>' +
                                          '  <div class="row">' +
                                            '    <div class="col-md-12" style="padding:0">' +
                                                   ' <div class="row" style="flex-wrap:nowrap;height: 165px;">' +
                                              '          <div class="col-6 col-md-6" style="padding:0">' +
                                                   '         <a id="' + (response.data[i].ENLACE.includes('Biografia') ? "aBI" : "") + '" href="' + (response.data[i] == undefined ? '' : response.data[i].ENLACE) + '">' +
                                                                         ((response.data[i] == undefined) ? '' : (
                                                     '           <div class="sdt_wrap">' +
                                                             '       <span id="' + (response.data[i].ENLACE.includes('Biografia') ? "sBI" : "") + '" class="sdt_link">' +
                                                                     (response.data[i] == undefined ? '' : response.data[i].DESCRIPCION) +
                                                                 '   </span>' +
                                                                  '  <span class="sdt_active" style="border-right: 1px solid white !important;"></span>' +
                                                            '    </div>')) +
                                                               ' <article class="" style="margin:0 0px 0 0px;border-right: white;">' +
                                                                   ' <img id="' + (response.data[i].ENLACE.includes('Biografia') ? "iBI" : "") + '" class="img-responsive im-min-car" style="border-right: 1px solid white"  src="' + (response.data[i] == undefined ? '' : urlDomin + "Inicio/" + ((response.data[i].IMAGEN.split('.')).pop()) + "/" + response.data[i].IMAGEN) + '" />' +
                                                              '  </article>' +
                                                           ' </a>' +
                                                      '  </div>' +
                                                       ' <div class="col-6 col-md-6" style="padding:0">' +
                                                           ' <a id="' + (response.data[i+1].ENLACE.includes('Biografia') ? "aBI" : "") + '"   href="' + (response.data[i + 1] == undefined ? '' : response.data[i + 1].ENLACE) + '">' +
                                                               ((response.data[i + 1] == undefined) ? '' : (
                                                               ' <div class="sdt_wrap">' +
                                                                   ' <span id="' + (response.data[i+1].ENLACE.includes('Biografia') ? "sBI" : "") + '" class="sdt_link">' +
                                                                         (response.data[i + 1] == undefined ? '' : response.data[i + 1].DESCRIPCION) +
                                                                 '   </span>' +
                                                                  '  <span class="sdt_active"></span>' +
                                                             '   </div>')) +
                                                               ' <article class="" style="margin:0 0px 0 0px">' +
                                                                    '<img id="' + (response.data[i+1].ENLACE.includes('Biografia') ? "iBI" : "") + '" class="img-responsive im-min-car"  src="' + (response.data[i + 1] == undefined ? '' : urlDomin + "Inicio/" + (response.data[i + 1].IMAGEN.split('.')).pop() + "/" + response.data[i + 1].IMAGEN) + '"  />' +
                                                               ' </article>' +
                                                           ' </a>' +
                                                       ' </div>' +
                                                   ' </div>' +
                                              '  </div>' +
                                           ' </div>' +
                                        '</li>' +
                                   ' </ul>' +
                             '   </div>' + (response.data[i + 2] == undefined ? '' :

                            ' <div class="item container-fluid" style="padding:0">' +
                                        '<ul id="sdt_menu" class="sdt_menu" style="position: relative;padding:0">' +
                                           ' <li>' +
                                               ' <div class="row" >' +
                                                   ' <div class="col-md-12" style="padding:0">' +
                                                       ' <div class="row" style="flex-wrap:nowrap;height: 165px;">' +
                                                             '<div id="dvBioCar" class="col-6 col-md-6" style="padding:0">' +
                                                               ' <a id="' + (response.data[i+2].ENLACE.includes('Biografia') ? "aBI" : "") + '" href="' + (response.data[i + 2] == undefined ? '' : response.data[i + 2].ENLACE) + '">' +
                                                                     ((response.data[i + 2] == undefined) ? '' : (
                                                                   ' <div class="sdt_wrap" style="bottom:10px;">' +
                                                                      '  <span id="' + (response.data[i+2].ENLACE.includes('Biografia')? "sBI":"") + '" class="sdt_link">' +
                                                                            (response.data[i + 2] == undefined ? '' : response.data[i + 2].DESCRIPCION) +
                                                                      '  </span>' +
                                                                       ' <span class="sdt_active" style="border-right: 1px solid white !important;"></span>' +
                                                                   ' </div>')) +
                                                                  '  <article class="" style="margin:0 0px 0 0px;border-right: white;">' +
                                                                      '  <img id="' + (response.data[i + 2].ENLACE.includes('Biografia') ? "iBI" : "") + '" class="img-responsive im-min-car" style="border-right: 1px solid white"  src="' + (response.data[i + 2] == undefined ? '' : urlDomin + "Inicio/" + (response.data[i + 2].IMAGEN.split('.')).pop() + "/" + response.data[i + 2].IMAGEN) + '" />' +
                                                                   ' </article>' +
                                                             '   </a>' +

                                                           '</div>' +

                                                           ' <div class="col-6 col-md-6" style="padding:0">' +
                                                               ' <a id="' + (response.data[i+3].ENLACE.includes('Biografia') ? "aBI" : "") + '" href="' + (response.data[i + 3] == undefined ? '' : response.data[i + 3].ENLACE) + '">' +
                                                                     ((response.data[i + 3] == undefined) ? '' : (
                                                                   '<div class="sdt_wrap" style="bottom:10px;">' +
                                                                      '<span id="' + (response.data[i+3].ENLACE.includes('Biografia') ? "sBI" : "") + '" class="sdt_link">' + response.data[i + 3].DESCRIPCION + ' </span><span class="sdt_active"></span>' +
                                                                    '</div>')) +
                                                                    '<article class="" style="margin:0 0px 0 0px">' +
                                                                      '  <img id="' + (response.data[i+3].ENLACE.includes('Biografia') ? "iBI" : "") + '" class="img-responsive im-min-car"  src="' + (response.data[i + 3] == undefined ? '' : urlDomin + "Inicio/" + (response.data[i + 3].IMAGEN.split('.')).pop() + "/" + response.data[i + 3].IMAGEN) + '"  />' +
                                                                    '</article>' +
                                                              '  </a>' +
                                                           ' </div>' +
                                                       ' </div>' +
                                                   ' </div>' +
                                               ' </div>' +
                                          '  </li>' +
                                       ' </ul>' +
                                  '  </div>')
                        }

                    }
                }

                $("#carBod").append(car); setEfects();
            }).fail(function (jqXHR, textStatus, err) {
                enable();
            });
        }


        function setBiographiCar() {

            $.ajax({
                type: "POST",
                url: '/informa/GetBiographiIndex',
                data: '',
                async: false,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (response) {
                    try {
                        totalRows = response.data.length;
                        for (var i = 0; i < response.data.length; i++) {

                            $("#sBI0").text(response.data[i].NOMBRE);
                            $("#aBI0").attr('href', ("Informa/Biografia/" + (response.data[i].NUMERO_SOCIO == null ? '' : response.data[i].NUMERO_SOCIO)));
                            $("#iBI0").attr('src', urlDomin + "Biografias/" + (response.data[i].IMAGEN.split('.').pop() == 'png' ? 'png' : 'jpg') + "/" + (response.data[i] == undefined ? '' : response.data[i].IMAGEN));

                            $("#sBI").text(response.data[i].NOMBRE);
                            $("#aBI").attr('href', ("Informa/Biografia/" + (response.data[i].NUMERO_SOCIO == null ? '' : response.data[i].NUMERO_SOCIO)));
                            $("#iBI").attr('src', urlDomin + "Biografias/" + (response.data[i].IMAGEN.split('.').pop() == 'png' ? 'png' : 'jpg') + "/" + (response.data[i] == undefined ? '' : response.data[i].IMAGEN));

               
                        }
                    } catch (Exception) { }
                },
                error: function (response) {

                }
            })
        }





        $(function () {
            if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
                $('li').has('ul').mouseover(function () {
                    $(this).children('ul').show();
                }).mouseout(function () {
                    $(this).children('ul').hide();
                })
            }
        });
    </script>
</header>



<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">

        <div id="dvCarou" class="pix_diapo">
        </div>

        <div id="dvScRw1">
        </div>

        <div class="row" id="dvScRw2" style="padding:1px; margin:2px 0 0px 0;">
            <div class="col-md-12" style="padding:0">
                <div class="row">
                    <div class="col-md-6 son" style="padding-right: 0; padding-left: 0;padding-bottom:3px;background-color:white;margin:10px 0 10px 0">
                        <div id="carousel" class="carousel slide carousel-fade" style="margin: 0 auto; max-height:175px;
                       background-color: transparent;padding:2px" data-interval="120000" data-ride="carousel">
                            <div id="carBod" class="carousel-inner" style="">
                            </div>
                        </div>

                        <a class="carousel-control-prev" href="#carousel" style="width: 10%;background-color:transparent; opacity: 0.7; border-radius:10px" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" style="background-color:#797a7e;border-radius:10px;height:40px" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carousel" style="width: 10%;background-color:transparent; opacity: 0.7; border-radius:10px" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" style="background-color:#797a7e;border-radius:10px;height:40px" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>

                    <div class="col-md-6" style="padding-right: 0; padding-left: 0;">
                        <div class="notas-home03" style="width:100%">
                            <div class="encabezado-notas02" style="width:100%;margin-bottom:1px">
                                <h3 style="font-size:18px;margin:0">Videoteca</h3>
                            </div>
                            <iframe id="itube" class="son" height="205" style="width:100%;margin:0;" allowfullscreen src=""></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="dvR3" class="row" style="width:100%;margin:5px 0 0 0">
            <div class="col-lg-3" style="padding-right:3px;padding-left:0">
                <section id="dvVi" class="notas-home03" style="width:100%">
                    <div class="enc-bic">
                        <h3>Videoteca</h3>
                    </div>
                    <iframe id="itube1" class="son" height="195" style="width:100%" allowfullscreen src=""></iframe>


                </section>
            </div>
            <div class="col-lg-4 son" style="padding-right:0;padding-left:0">
                <section id="dvCal" class="notas-home03" style="width:100%">
                    <div class="enc-bic">
                        <h3>Cartelera</h3>
                    </div>
                    <div id="cartelera-calendario">
                        <div class="c_calendario_general"></div>
                    </div>
                </section>

            </div>
            <div class="col-lg-5" style="padding-left:3px;padding-right:0;">
                <section id="dvBro" class="notas-home04 marg son" style="padding-bottom:3px">
                    <div class="enc-bic">
                        <h3>Sitios hermanos</h3>
                    </div>
                    <aside id="banners" class="sit-her">
                            <div class="dv-img-sh">
                                <script type="text/javascript">
                                    try {
                                        show_banners('home');
                                    } catch (Exception) { }
                                </script>
                            </div>
                            <div class="dv-img-sh">
                                <script type="text/javascript">
                                    try {
                                        show_banners('home');
                                    } catch (Exception) { }
                                </script>
                            </div>
                            <div class="dv-img-sh">
                                <script type="text/javascript">
                                    try {
                                        show_banners('home');
                                    } catch (Exception) { }
                                </script>
                            </div>
                    </aside>

                </section>
            </div>
        </div>

        <div class="row">
            <div class="col-xl-4 pdd" >
                <section class="notas-home01 marg son" style="width:100%;overflow: hidden;">
                    <div class="encabezado-notas01" style="text-align:left">
                        <h3 class="anaranjado" style="margin-top: 0px;margin-bottom: 0px;"><b>Felicidades a nuestros socios</b></h3>
                    </div>
                    <div class="contenido-felicidades">
                        <ul id="ulBirt" style="padding:0">
                            <li><h5 class="azul-obs" id="htoday"></h5></li>

                        </ul>
                    </div>
                </section>
            </div>
            <div class="col-xl-8 pdd">
                <section class="notas-home02 marg son" style="overflow: hidden;text-align:left">
                    <div class="encabezado-notas01" style="text-align:left">
                        <h3 style="margin-top: 0px;margin-bottom: 0px;" class="magenta">
                            <a href="Informa/Noticias"><b>Noticias</b></a>
                        </h3>
                    </div>
                    <div id="secNew" class="contenido-noticias-home"></div>
                </section>
            </div>
        </div>

        <div class="row bb-img">
            <div class="col-sm-4">
                <div class="banner-bottom" style="width:100%">
                    <script type="text/javascript">
                        try {
                            show_banners('bottom');
                        } catch (Exception) { }
                    </script>
                    <div id="adLocation-4" class="swb"></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="banner-bottom" style="width:100%">
                    <script type="text/javascript">
                        try {
                            show_banners('bottom');
                        } catch (Exception) { }
                    </script>
                    <div id="adLocation-5" class="swb"></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="banner-bottom" style="width:100%">
                    <script type="text/javascript">
                        try {
                            show_banners('bottom');
                        } catch (Exception) { }
                    </script><div id="adLocation-6" class="swb"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-1">
    </div>

</div>


<script type="text/javascript">

    function setEfects() {
        //$('#sdt_menu > li').bind('mouseenter',function(){
        $('#sdt_menu > li').bind('mouseenter', function () {
            var $elem = $(this);
            $elem.find('.sdt_wrap')
                 .stop(true)
                 .animate({
                     'height': '205px',
                 }, 200)
                 .andSelf()

                 .find('.sdt_active')
                 .stop(true)
                 .animate({
                     'height': '205px',
                 }, 200)
                 .andSelf()

                 .find('.sdt_active02')
                 .stop(true)

                 .slideDown(200)
                 .andSelf()



        }).bind('mouseleave', function () {
            var $elem = $(this);
            $elem.find('.sdt_wrap')
                 .stop(true)
                 .css("bottom", "-7px")
                 .animate({
                     'height': '90px',
                 }, 200)
                 .andSelf()

                 .find('.sdt_active')
                 .stop(true)
                 .animate({
                     'height': '90px',
                 }, 200)
                 .andSelf()

                 .find('.sdt_active02')
                 .stop(true)
                 .css("height", "90px")
                 .css("display", "none")
                 .andSelf()

        });
    }


    var calendario = {

        meses: ['ENERO', 'FEBRERO', 'MARZO', 'ABRIL', 'MAYO', 'JUNIO', 'JULIO', 'AGOSTO', 'SEPTIEMBRE', 'OCTUBRE', 'NOVIEMBRE', 'DICIEMBRE'],
        diasemana: ['LUN', 'MAR', 'MIÉ', 'JUE', 'VIE', 'SÁB', 'DOM'],
        fechaHoy: null,
        cTabla: null,
        tBody: null,
        anioS: null,
        mesS: null,
        diaS: null,
        formatoFecha: 'dd/mm/yyyy',


        cabCalendario: function () {

            var fecha = new Date(calendario.anioS, calendario.mesS, calendario.diaS);
            calendario.fechaHoy = fecha;

            var objcalendario = document.querySelectorAll('.c_calendario_general');

            calendario.cTabla = document.createElement('table');
            calendario.cTabla.setAttribute('id', 'tbBillboard');
            calendario.cTabla.setAttribute('class', 'calendario table-responsive');
            var tHead = document.createElement('thead');
            var cTHead = calendario.cTabla.appendChild(tHead);

            var trH2 = document.createElement('tr');
            trH2.setAttribute('class', 'diasemana');
            var cTrHead = cTHead.appendChild(trH2);

            for (var i = 0; i < 7; i++) {

                var thH = document.createElement('th');
                thH.textContent = calendario.diasemana[i];
                trH2.appendChild(thH);
            }

            objcalendario[0].appendChild(calendario.cTabla);
            calendario.cuerpoCalendario();
        },

        cuerpoCalendario: function () {

            calendario.cBody = document.createElement('tbody');
            var fechaaux = new Date(calendario.fechaHoy.getFullYear(), calendario.fechaHoy.getMonth(), 1);
            var cont = 1;
            diaactual = fechaaux.getDay();
            while (diaactual != 1) {
                fechaaux.setDate(fechaaux.getDate() - 1);
                diaactual = fechaaux.getDay();
            }
            for (var i = 0; i < 6; i++) {

                var trB = document.createElement('tr');
                var cTrBody = calendario.cBody.appendChild(trB);

                for (var j = 0; j < 7; j++) {

                    if (calendario.fechaHoy.getMonth() == fechaaux.getMonth()) {

                        var tdB = document.createElement('td');
                        tdB.setAttribute('class', 'Ccasilladia');

                        if ((fechaaux.getDay() == 6) || (fechaaux.getDay() == 0)) { //si el dia actual es sabado o domingo

                            configcolor = 'color: #808080;';
                            tdB.setAttribute('style', configcolor);

                        } else {
                            configcolor = '';
                        }

                        tdB.textContent = fechaaux.getDate();

                        var cTdBody = cTrBody.appendChild(tdB);

                        cont = 0;
                        $.each(res, function (i, item) {
                            if (item.startDate == ((calendario.anioS + '-' + (calendario.mesS + 1).toString().padStart(2, "0")) + '-' + fechaaux.getDate().toString().padStart(2, "0"))) {

                                if (cont != 1) {
                                    var spa = document.createElement('a');
                                    var ur = '/Home/Cartelera/77';
                                    ur = ur.replace(77, fechaaux.getDate());
                                    spa.setAttribute('href', ur);   //' + fechaaux.getDate() + '
                                    tdB.textContent = '';
                                    spa.textContent = fechaaux.getDate();
                                    tdB.appendChild(spa);

                                    var cTdBody = cTrBody.appendChild(tdB);
                                    //tdB.addEventListener('click', function () { showE(this.textContent) });
                                    cont = 1;
                                }
                            }

                        });

                    } else {
                        var tdB = document.createElement('td');
                        var cTdBody = cTrBody.appendChild(tdB);
                    }
                    fechaaux.setDate(fechaaux.getDate() + 1);
                }
            }
            calendario.cTabla.appendChild(calendario.cBody);
        },

        formatFecha: function (arr, darformato) {
            darformato = darformato.replace(/(d+)/g, function (v) {
                return ((arr[2].length < 2 && v.length > 1 ? '0' : '') + arr[2]);
            });


            darformato = darformato.replace(/(m+)/g, function (v) {
                return ((arr[1].toString().length < 2 && v.length > 1 ? '0' : '') + arr[1]);
            });

            return darformato.replace(/(y+)/g, function (v) {
                return arr[0].toString().slice(-v.length);
            });
        }

    }

    function getDaysMonth(month, year) {
        return new Date(year, month, 0).getDate();
    }

    function getEvents(sD, eD) {
        $.ajax({
            type: "POST",
            async: false,
            url: '/sacm/getEvents',
            data: JSON.stringify({ sD: sD, eD: eD }),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (response) {
                enable();
                res = response.data;

            },
            error: function (response) {
            }
        })
    }



    function writeYears() {

        var objcalendario = document.querySelectorAll('.c_calendario_general');
        var cTabla = document.createElement('table');
        cTabla.setAttribute('id', 'tbYears');
        cTabla.setAttribute('class', 'calendario table-responsive');
        var tHead = document.createElement('tbody');
        var cTHead = cTabla.appendChild(tHead);

        var trH1 = document.createElement('tr');
        trH1.setAttribute('class', 'controles');
        var cTrHead = cTHead.appendChild(trH1);

        var thH3 = document.createElement('td');
        thH3.setAttribute('id', 'thYear');
        //thH3.setAttribute('colspan', '2');
        thH3.setAttribute('class', 'myyyy headYearCurr');
        //thH3.textContent = calendario.meses[calendario.fechaHoy.getMonth()] + ' ' + calendario.fechaHoy.getFullYear();
        var spa = document.createElement('a');
        var ur = '/Home/Cartelera';
        spa.setAttribute('href', ur);
        thH3.textContent = '';
        spa.textContent = calendario.meses[calendario.fechaHoy.getMonth()] + ' ' + calendario.fechaHoy.getFullYear();
        thH3.appendChild(spa);
        trH1.appendChild(thH3);

        objcalendario[0].appendChild(cTabla);
    }

    function writeMonths() {
    }


    function setMonthLoad(numMes) {
        calendario.mesS = numMes;
        calendario.cabCalendario();
    }


</script>













        
    </div>

    <footer class="footer" style="margin: 10px 15px 10px 15px;">
        <div class="container son" id="footer">
            <div class="row">
                <div class="col-md-3" style="">
                    <table class="table-responsive t-f" style="border: none;">
                        <tr id="tr1">
                            <td id="tit1" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement1" class="hideFooter">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                    </table>

                </div>
                <div class="col-md-2" style="">

                    <table class="table-responsive t-f" style="border: none;">
                        <tr id="tr2">
                            <td id="tit2" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement2" class="hideFooter">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-2">
                    <table class="table-responsive t-f" style="border: none;">
                        <tr id="tr3">
                            <td id="tit3" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement3" class="hideFooter">
                                    

                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>

                    </table>
                </div>
                <div class="col-md-2" style="">

                    <table class="table-responsive t-f" style="border: none;">
                        <tr id="tr4">
                            <td id="tit4" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement4" class="hideFooter">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                        <tr id="tr5">
                            <td id="tit5"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement5" class="hideFooter">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                        <tr id="tr6">
                            <td id="tit6" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement6" class="hideFooter">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-3" style="">
                    <table class="table-responsive t-f" style="border: none;">
                        <tr id="tr7">
                            <td id="tit7" class="titleFooter1"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement7" class="hideFooter">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px;"></td>
                        </tr>
                        <tr id="tr8">
                            
                            <td id="tit8"></td>
                        </tr>
                        <tr>
                            <td>
                                <div id="footElement8" class="hideFooter">
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>

            </div>
            <div class="row" style="margin: 15px 0 0 0;">
                <div id="datFoot" class="col-md-12 ftTerm">
                    
                </div>
            </div><span style="position:absolute;margin-bottom: 0;color: transparent;">v.1.3.0</span>
        </div>
    </footer>

    <script>
        $(document).ready(main);

        var contador = 1;

        function main() {
            $('.menu_bar').click(function () {
                if (contador == 1) {
                    $('nav').animate({
                        left: '0'
                    });
                    contador = 0;

                    $('nav ul li ul.children.cp').css('display', 'none');
                } else {
                    contador = 1;
                    $('nav').animate({
                        left: '-100%'
                    });
                }
            });



            var Ac = 0;
            $('.submenu').click(function () {

                if ($(this).children('.children').is(':visible')) {
                    //hide
                    var cc = $(this).is('.ch');

                    if ($(this).hasClass("ch") && (Ac == 0 || Ac == 1)) {
                        if ($(this).children('ul').children('li').hasClass("up")) {
                            Ac += 1;
                            return;
                        }
                        else {  return false;
                        }
                    }
                    else {
                        if (Ac > 0) {
                            if (Ac > 1) { Ac = 0; }
                            else {
                                Ac += 1;
                            }
                        }
                        else {
                            $(this).children('.children').slideToggle();
                        }
                    }

                }
                else {
                    $('nav ul li.submenu').children('.children').slideUp();
                    $(this).children('.children').slideToggle();
                }
            });

            GetModulosFoot();
            SetFooter();

            $("#tr1").on("click", function () { $("#footElement1").toggle(); });
            $("#tr2").on("click", function () { $("#footElement2").toggle(); });
            $("#tr3").on("click", function () { $("#footElement3").toggle(); });
            $("#tr4").on("click", function () { $("#footElement4").toggle(); });
            $("#tr5").on("click", function () { $("#footElement5").toggle(); });
            $("#tr6").on("click", function () { $("#footElement6").toggle(); });
            $("#tr7").on("click", function () { $("#footElement7").toggle(); });
            $("#tr8").on("click", function () { $("#footElement8").toggle(); });
        }

        function getUrlParameter(sParam) {
            var sPageURL = window.location.search.substring(1),
                sURLVariables = sPageURL.split('&'),
                sParameterName,
                i;

            for (i = 0; i < sURLVariables.length; i++) {
                sParameterName = sURLVariables[i].split('=');

                if (sParameterName[0] === sParam) {
                    return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
                }
            }
        };

        function disable() {
            var div = document.createElement("div");
            div.id = "dvOverlay";
            div.className += "overlay";

            document.getElementById('frstDv').appendChild(div);

        }
        function enable() {
            $("#dvOverlay").remove();
        }

        function GetModulosFoot() {
            var action = "";
            var settings = { async: true,   type: "GET", dataType: 'json',   data: {},   url: '/sacm/GetModulosFoot',   contentType: "application/json; charset=utf-8"
            };
            $.ajax(settings).done(function (response) {

                $.each(response.data, function (i, item) {
                    $("#tit" + (i + 1)).append( (item.URL_ENLACE == '' || item.URL_ENLACE =='#')?(item.DESCRIPCION): ('<a class="titleFooter1" href="' + item.URL_ENLACE + '">' + item.DESCRIPCION + '</a>'));

                    $.each(item.SECCIONES_FOOTER, function (j, it) {
                        $("#footElement" + (i + 1)).append('  <p class="liFooter"><a href="' + it.URL_ENLACE + '">' + it.DESCRIPCION + '</a></p>');
                    })
                })


            }).fail(function (jqXHR, textStatus, err) {

            });
        }



        function SetFooter() {
            var cou = 0;
            $.ajax({
                type: "POST",
                url: '/sacm/getFooter',
                data: JSON.stringify({ ID_MODULO: 9, ID_SECCION: 26, ID_SUBSECCION: 0, ANIO: new Date().getFullYear() }),
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (response) {
                    $.each(response.data, function (i, item) {
                        //var dt = new Date();
                        //$("#datFoot").append('(C) ' + dt.getFullYear() + ', Sociedad de Autores y Compositores de México S. de G.C. de I.P.<br>Real de Mayorazgo 129, Col. Xoco, Del. Benito Juárez, Ciudad de México. C.P 03330<br>Tel.: <a href="tel:525556236000">+52 (55) 5623 6000</a>, <a href="tel:+526656047733">+52 (66) 5604 7733</a><br>Fax: (555) 5604 7923<br>E-mail: <a href="mailto:sacm@sacm.org.mx">sacm@sacm.org.mx</a><br>');

                        if (item.ID_TIPO_PARRAFO == 9) {
                            var arrT = item.DESCRIPCION.split("+");

                            $("#datFoot").append('<p id="par" style="margin: 0 0 0">Tel.: </p>');

                            for (var o = 0; o < arrT.length; o++) {
                                var tl = (arrT[o]).replace('(', ''); tl = tl.replace(',', '');
                                tl = tl.replace(')', ''); tl = tl.replace(/ /g, "");
                                //'<a href="tel:525556236000">+52 (55) 5623 6000</a>'
                                $("#par").append(
                                  '<a href=tel:' + tl + '>' + (arrT[o]) + '</a>'
                                 );
                            }
                        }
                        else if (item.ID_TIPO_PARRAFO == 8) {
                            var arrE = item.DESCRIPCION.split("|");
                            var mai = arrE.pop();

                            $("#datFoot").append(
                                '<p><a href=mailto:' + mai + '>' + (mai) + '</a></p>'
                             );
                        }
                        else if (item.ID_TIPO_PARRAFO == 6) {
                            var arrE = item.DESCRIPCION.split("|");
                            var ur = arrE.pop();

                            if (cou == 0) {
                                $("#datFoot").append(
                                    '<br /><p id="pf0"><a href=' + ur + '>' + (arrE[0]) + '</a></p>'
                                 );
                                cou++;
                            }
                            else {
                                $("#pf0").append(
                                 '| <a href=' + ur + '>' + (arrE[0]) + '</a>'
                              );
                            }
                        }
                        else {
                            $("#datFoot").append('<p style="margin: 0 0 0">' + item.DESCRIPCION + '</p>');
                        }
                    })
                },
                error: function (response) {
                }
            })
        }



    </script>
</body>
</html>