function toggle_div(elemID, elemID2, elemID3) {
    var elem_text = document.getElementById( elemID );
    var elem_title = document.getElementById( elemID2 );
    var elem_delete = document.getElementById( elemID3 );
    if( elem_text.style.display != 'none' )	{
        elem_text.style.display = 'none';
        elem_title.className = 'column-title-hidden';
        if(elem_delete != undefined) {
            elem_delete.src = 'image/delete.gif';
        }

    } else {
        elem_text.style.display = 'block';
        elem_title.className = 'column-title';
        if(elem_delete != undefined) {
            elem_delete.src = 'image/delete2.gif';
        }
    }
}

function toggle_delete_over(elemID, elemID2) {
    var elem_text = document.getElementById( elemID );
    var elem_delete = document.getElementById( elemID2 );
    if( elem_text.style.display != 'none' )	{
        elem_delete.src = 'image/delete.gif';
    } else	{
        elem_delete.src = 'image/delete2.gif';
    }
}
function toggle_delete_out(elemID, elemID2) {
    var elem_text = document.getElementById( elemID );
    var elem_delete = document.getElementById( elemID2 );
    if( elem_text.style.display != 'none' )	{
        elem_delete.src = 'image/delete2.gif';
    } else	{
        elem_delete.src = 'image/delete.gif';
    }
}
function pressedOption(clickedItem, clickedButton) {
    var option1 = document.getElementById( 'item1' );
    var option2 = document.getElementById( 'item2' );
    var option3 = document.getElementById( 'item3' );
    var option4 = document.getElementById( 'item4' );
    var option5 = document.getElementById( 'item5' );
    var option6 = document.getElementById( 'item6' );
    var button1 = document.getElementById( 'button1' );
    var button2 = document.getElementById( 'button2' );
    var button3 = document.getElementById( 'button3' );
    var button4 = document.getElementById( 'button4' );
    var button5 = document.getElementById( 'button5' );
    var button6 = document.getElementById( 'button6' );
    var clickedButton = document.getElementById( clickedButton );
    var clickedOption = document.getElementById( clickedItem );
    option1.style.display = 'none';
    option2.style.display = 'none';
    option3.style.display = 'none';
    option4.style.display = 'none';
    option5.style.display = 'none';
    option6.style.display = 'none';
    clickedOption.style.display = 'block';
    button1.className = 'column-title-hidden tab-pressed tab-left';
    button2.className = 'column-title-hidden tab-pressed';
    button3.className = 'column-title-hidden tab-pressed';
    button4.className = 'column-title-hidden tab-pressed';
    button5.className = 'column-title-hidden tab-pressed';
    button6.className = 'column-title-hidden tab-pressed';
    clickedButton.className = 'column-title tab';
}