var penDragging = false
var penHovered = false

jQuery(document).ready(function(){
    jQuery('#bt-illustration').hover(function(){
          penHovered = true
          jQuery('#penMove').show()
          jQuery('#bt-illustration').addClass('hidden')
        }, function(){
          penHovered = false
          if (!penDragging){
              jQuery('#penMove').hide()
              jQuery('#bt-illustration').removeClass('hidden')
          }
        })
  jQuery('#penMove').draggable({
      revert: true,
      revertDuration: 1000,
      scroll: false,
      start: function(){
          penDragging = true
      },
      stop: function(){
          penDragging = false
          if (!penHovered){
              jQuery('#penMove').hide()
              jQuery('#bt-illustration').removeClass('hidden')
          }
      }
  })
})