$(function(){
  var e = $('.inner');
  e.append('<span class="now"></span>')
  var r = $('.now');
  var nw = function nw(){  
    r.empty().append(new Date($.now()));
  }
  nw();
  setInterval(function(){
    nw();
  }, 1000);

  var pick= function pick(){
    $('header ul li').each(function(){
      $(this).on('click', function(){
        var co = $(this).attr('class').replace('color_','');
        if (!$('#watch').hasClass(co)){
          $('#watch').attr('class','')
            .addClass('applewatch')
            .addClass(co) 
        }

      })
    })
  }

  function updateUrl(){
    $('input').on('keyup', function(){
      var url = $(this).val();
      $('iframe').attr('src', url).load(function(){
				$('.now').css('visibility','hidden')
      });
    })
  }
  updateUrl();
  pick();
});