function banner() {

    //random banner
    var z = Math.floor(Math.random()*(7)) + 1;
    document.getElementById('banner').src = 'http://www.geocities.com/sly_dekar/banners/00' + z + '.jpg';
    
    //highlights section
    var section = get_section();
    if (section) {
    
        document.getElementById('menu_' + section).style.textTransform = 'uppercase';
        document.getElementById('menu_' + section).style.fontWeight = 'bold';
        document.getElementById('section_content').innerHTML = document.getElementById('section_' + section).innerHTML;
        
        highlight_item();
    }
}


function section_click(n) {
    
    // Normaliza los nombres de las demás secciones
    for (var i = 0; i <= 3; i++) {
    
        document.getElementsByTagName('span').item(i).style.textTransform = 'lowercase';
        document.getElementsByTagName('span').item(i).style.fontWeight = 'normal';
    }

    // Resalta la sección a la que se dió click y abre el submenú de esa sección
    document.getElementById('menu_' + n).style.textTransform = 'uppercase';
    document.getElementById('menu_' + n).style.fontWeight = 'bold';
    
    //abre menú de esa sección
    document.getElementById('section_content').innerHTML = document.getElementById('section_' + n).innerHTML;
    
    highlight_item();
}



function highlight_item() {

    var s = document.getElementById(document.location.href.substring(document.location.href.lastIndexOf('/')+1, document.location.href.lastIndexOf('.')));

    if (s) {
    
        s.style.background = '#444';
    }
}


function get_section(n) {

    switch (document.location.href.substring(document.location.href.lastIndexOf('/')+1, document.location.href.lastIndexOf('.'))) {
    
        case 'about_me':     return 'moi';
        case 'me_web':       return 'moi';
        case 'chrono':       return 'moi';
        case 'morsapapa':    return 'moi';
        case 'technical_me': return 'moi';
        case 'wish':         return 'moi';
        
        case 'roadtrips':    return 'goto';
            case 'bustrip05':    return 'goto';
        case 'ens':          return 'goto';
        case 'mty':          return 'goto';
        case 'cities':       return 'goto';
        
        case 'scrubs': 		  return 'stuff';
        case 'programacion': return 'stuff';
        case 'libros':       return 'stuff';
        case 'banners':      return 'stuff';
        case 'software':     return 'stuff';
        case 'citas':        return 'stuff';
        
        return null;
    }
}