function show(item)
{
    if (item.style.display=='none')
    {
        item.style.display='';
    }
    else
    {
        item.style.display='none'
    }        
}

function DisplaySong( s, i, title_style_aux, body_style_aux, hide_hr )
{
    var space = "    ";
    var style_name = "cursor:hand;";
    var style_body = "display:'none';";
    if ( title_style_aux )
    {
        style_name += title_style_aux;
    }
    if ( body_style_aux )
    {
        style_body += body_style_aux;
    }    

    document.write( "<span id=\"song"+i+"\" style=\""+style_name+"\" onClick=\"show(span"+i+")\">" + s.title + "<br/></span>" );
    document.write( "<span id=\"span"+i+"\" style=\""+style_body+"\">" );
    document.write( space + s.day+"/"+s.month+"/"+s.year+" "+(s.hour<10?"0":"")+s.hour+":"+(s.minute<10?"0":"")+s.minute+":"+(s.second<10?"0":"")+s.second+"<br/>" );
    document.write( space + s.samplerate + " KHz<br/>" );
    document.write( space + s.bitrate + " Kbps<br/>" );
    document.write( space + ( s.channels==2? "stereo<br/>":"mono<br/>" ) );
    document.write( "</span>" );
    if ( !hide_hr ) 
        document.write( "<hr>" );

}

function DisplaySongs( style1, style2, hide_hr )
{
    var n = 10; // default
    if ( blogamp_num_songs )
    {
        n = blogamp_num_songs;
    }
    for ( i = 0; i < blogamp_num_songs; i++ )
    {
        if ( musics[i] )
        {
            //DisplaySong( musics[i], i, "font-family:Arial;font-weight:bold;font-size:8pt;", "font-family:Arial;font-size:8pt;"  );
            DisplaySong( musics[i], i, style1, style2, hide_hr );
        }
    }
    document.write( "<div align=right><font style=\""+style2+"\">powered by <a href='http://www.geocities.com/insanitydrops/blogamp/' target='_blank'>BlogAmp</a></font></div>" );

}