$(document).ready(function(){
  // Reset Font Size
  var originalFontSize = $('body').css('font-size');
    $(".resetFont").click(function(){
    $('body').css('font-size', originalFontSize);
  });
  // Increase Font Size
  $(".increaseFont").click(function(){
    var currentFontSize = $('body').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*1.2;
    $('body').css('font-size', newFontSize);
    return false;
  });
  // Decrease Font Size
  $(".decreaseFont").click(function(){
    var currentFontSize = $('body').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*0.8;
    $('body').css('font-size', newFontSize);
    return false;
  });
  
  //change font color
  var originalFontColor = $('body').css('color');
  //var oriLeftA = $('#leftside a').css('color');
  //reset color
  $('.resetColor').click(function(){
    $('body').css('color', originalFontColor);
    //$('#leftside a').css('color', oriLeftA);
  });
  
  //change font to red
  $('.redFont').click(function(){
    $('body').css('color', 'red');
    //$('#leftside a').css('color', 'red');
  });
  
  //change font to green
  $('.greenFont').click(function(){
    $('body').css('color', 'green');
    //$('#leftside a').css('color', 'green');
  });
  
  //change font to blue
  $('.blueFont').click(function(){
    $('body').css('color', 'blue');
    //$('#leftside a').css('color', 'blue');
  });
  
  
  //change background color
  
  //reset background color
  $('.bgreset').click(function(){
    if($('#container').hasClass('hid01')){
      $('#container').removeClass('hid01');
      $('#header_top').removeClass('hid01top');
      $('body').removeClass('hidbgred');
    }
      
    if($('#container').hasClass('hid02')){
      $('#container').removeClass('hid02');
      $('#header_top').removeClass('hid02top');
      $('body').removeClass('hidbggreen');
    }
  });
  
  //change background to red
  $('.bgred').click(function(){
      $('#container').removeClass('hid02');
      $('#header_top').removeClass('hid02top');
      $('body').removeClass('hidbggreen');
    
    $('#container').addClass('hid01');
    $('#header_top').addClass('hid01top');
    $('body').addClass('hidbgred');
  });
  
    //change background to green
  $('.bggreen').click(function(){
      $('#container').removeClass('hid01');
      $('#header_top').removeClass('hid01top');
      $('body').removeClass('hidbgred');
    
    $('#container').addClass('hid02');
    $('#header_top').addClass('hid02top');
    $('body').addClass('hidbggreen');
  });
  
});