$(function() {
  var undoTask = $('.js-delete');
  var clearTasks = $('.js-clear');
  var postTask = $('.js-post');
  var inputArea = $('.js-input');
  var counter = parseInt($('.js-counter').text());
  // Send message
  postTask.click(function() {
    if(inputArea.val().length == 0) {
      return false;
    } else {
      $('.content-page > ul').append($('<li class="message">'+inputArea.val()+'<input type="checkbox" class="check check-message js-check" />'+'</li>'));
      inputArea.val('');
    }
  });
  // Remove text
  /*clearTasks.click(function() {
    inputArea.val('');
  });*/
  // Remove last message
  undoTask.click(function() {
    $('.content-page ul li:last-child').remove();
  });
  // Send message with 'Enter'
  $(document).keypress(function(e) {
    if(e.which == 13) {
      e.preventDefault();
      if(inputArea.val().length == 0) {
        return false;
      } else {
        $('.content-page ul').append($('<li class="message">'+inputArea.val()+'<input type="checkbox" class="check check-message js-check" />'+'</li>'));
        inputArea.val('');
      }
    }
  });
  // Switching mechanism
  var mainListAnchor = $('.js-main-list');
  var finishedAnchor = $('.js-finished');
  var aboutAnchor = $('.js-about');
  var settingsAnchor = $('.js-settings');
  var contentPage = $('.js-content-page');
  var finishedPage = $('.js-finished-page');
  var aboutPage = $('.js-about-page');
  var settingsPage = $('.js-settings-page');
  mainListAnchor.click(function(e) {
    e.preventDefault();
    //alert('main page');
    $(document).find('.pageSwitcher').removeClass('pageSwitcher');
    contentPage.toggleClass('pageSwitcher');
  });
  finishedAnchor.click(function(e) {
    e.preventDefault();
    //alert('finished tasks');
    $(document).find('.pageSwitcher').removeClass('pageSwitcher');
    finishedPage.toggleClass('pageSwitcher');
  });
  aboutAnchor.click(function(e) {
    e.preventDefault();
    //alert('about page');
    $(document).find('.pageSwitcher').removeClass('pageSwitcher');
    aboutPage.toggleClass('pageSwitcher');
  });
  settingsAnchor.click(function(e) {
    e.preventDefault();
    $(document).find('.pageSwitcher').removeClass('pageSwitcher');
    settingsPage.toggleClass('pageSwitcher');
  });
  // Settings page
  // Color settings
  $('.settings-colors label').click(function(e) {
    var defaultColor = $('.message').css('color');
    var newColor = $(this).attr('for');
    $('.message').attr('class', 'message '+newColor);
  });
  // Append finished tasks to Finished page
  $('.content-page').change(function() {
    $('.content-page .check-message').unbind().click(function() {
      var message = $(this).removeClass('check-message').parent().addClass('finished');
      $('.finished-page ul').append(message);
      // Change the value of counter
      counter++;
      if(counter < 10) {
        $('.js-counter').text('0'+counter);
      } else {
        $('.js-counter').text(counter);
      }
    });
  });
  $('.finished-page').unbind().change(function() {
    $('.js-check').unbind().click(function() {
      $(this).parent().remove();
    });
  });
  // Remove all finished tasks
  clearTasks.click(function() {
    $('.finished-page ul li').remove('li');
  });
  // Sliding header
  //$('.header-list').hide();
  //$('.header-list').slideUp(800);
  /*$('header').hover(function() {
    $('.header-list').slideToggle(800);
  });*/
});