/*layout.js*/

/*Provides convenience js methods to adjust .css for various layout changes*/

/*
w - width in em to set width of left column
*/
function resizeLeft(w) {
    document.getElementById('col-b').style.marginLeft = '-' + w + 'em';
    document.getElementById('col-b').style.width = w + 'em';
    document.getElementById('columns').style.paddingLeft = w + 'em';
}

/*
w - width in em to set width of left column
*/
function resizeRight(w) {
    document.getElementById('col-c').style.marginRight = '-' + w + 'em';
    document.getElementById('col-c').style.width = w + 'em';
    document.getElementById('columns').style.paddingRight = w + 'em';
}

/*
d - id of div to show
*/
function showWSDiv(d) {
    //todo hide all divs
    document.getElementById('home').style.display = 'none';
    document.getElementById('ws_about').style.display = 'none';
    document.getElementById('ws_member_dialog').style.display = 'none';
    document.getElementById('ws_member_dialog_header').style.display = 'none';
    document.getElementById('ws_projects').style.display = 'none';
    document.getElementById('ws_friends').style.display = 'none';
    document.getElementById('ws_project').style.display = 'none';
    document.getElementById('ws_project_dialog').style.display = 'none';
    document.getElementById('ws_project_dialog_header').style.display = 'none';
    document.getElementById('ws_stash').style.display = 'none';
    document.getElementById('ws_tools').style.display = 'none';
    
    //show div we care about
    document.getElementById(d).style.display = 'block';
    
    //some hacks for the prototype
    if (d == 'ws_member_dialog')
      document.getElementById('ws_member_dialog_header').style.display = 'block';
    if (d == 'ws_project_dialog')
      document.getElementById('ws_project_dialog_header').style.display = 'block';
    
    
}

function hideDiv(d)
{
    document.getElementById(d).style.display = 'none';
}