$(document).ready(function(){
    
    // AGREGO UNA CLASE A TODOS LOS ULTIMOS ELEMENTOS DE LISTA. ESTO PARA QUITARLES MARGENES O BORDERS
    $("li:last-child").addClass("last-child")
    $("li:first-child").addClass("first-child")
    
    // EFECTO DEL SUBMENU
    $("#menu li").bind("mouseenter",function(){
        $(this).addClass('overed');
        $(".submenu",this).slideDown();
    }).bind('mouseleave',function(){
        $('.submenu',this).slideUp();
        $(this).removeClass('overed');
    })
    
    // LA 'GALERIA' DE BANNERS EN EL CONTENIDO
    $("#head-cycle")
    .before('<div id="hc-nav">')
    .cycle({
        fx: 'fade',
        speed: 1000,
        timeout: 3000,
        pager: "#hc-nav"
    });
    
    $("#mapa").gMap({
        markers: [{
            latitude: 25.701365,
            longitude: -100.348832,
            html: "<h4>Gelattina.com</h4>",
           popup: true
        }],
        zoom: 15
    });
})