// JavaScript Document

function menuButton(show) {
//$('#contentcolumn').attr('padding-left'))
  // ToDo: Make button image src keep path - change only file part.
  if(show) {    
    $('#menu_animate').attr('src',  $('#menu_animate').data('imgPath') + 'menu_left.jpg');
    $('#menu_animate').attr('title', 'Hide Menu');
    //$('#menu_animate').removeAttr('position');
    //$('#menu_animate').removeAttr('left');      
  } else {
    $('#menu_animate').attr('src', $('#menu_animate').data('imgPath') + 'menu_right.jpg');
    $('#menu_animate').attr('title', 'Show Menu');
    //$('#menu_animate').attr('position', 'absolute');
    //$('#menu_animate').attr('left', '4px');
    //alert('Menu button should now be absolute, 4px');
    ;
  }
}

$(document).ready(function() {

  $('#menu_animate').click(function() {
    var $marginLefty = $('#menubar'); 
    var duration = 500; // milliseconds
    var contcol = $('#contentcolumn');
    if(! $('#contentcolumn').data('margin') ) {
      // store initial settings for later use
      $('#contentcolumn').data('margin', $('#contentcolumn').css('marginLeft'));
      var path = $('#menu_animate').attr('src');
      $('#menu_animate').data('imgPath', path.substr(0, path.lastIndexOf('/')+1 )); 
    }
    /*
    var $contcol = $('#contentcolumn');
    if(! .data('margin') ) {
      $contcol.data('margin', $contcol.css('marginLeft'));
      //alert($('#contentcolumn').css('marginLeft')); 
    }
    */
    if( $(this).attr('title') == 'Show Menu' ) {
      var menuMargin = '-100%';
      //var contentMargin = '12em';
      var contentMargin = $('#contentcolumn').data('margin');
      var show = true;
    } else {
      var menuMargin = '-200%';
      var contentMargin = 0;
      var show = false;
    }
    //var show = ( $(this).attr('title') == 'Show Menu' );
    $marginLefty.animate(
      {marginLeft: menuMargin }, duration, menuButton(show) );
    $('#contentcolumn').animate(
      {marginLeft: contentMargin}, duration);
  });

});