creates squares over a site and fade them when you drag your mouse over it

black requiemfy sketch

d =
  w: $(window).width()
  h: $(window).height()

sq = 100
create = (x, y) ->
  dom = undefined
  dom = $("<div>")
  
  dom.css
    width: sq
    height: sq
    position: "absolute"
    top: (y * sq) + "px"
    left: (x * sq) + "px"
    "background-color": "black"

  dom.mouseover ->
      $( @ ).animate {
        opacity: 0
        width: 0
        height: 0
      }, 1000
        
  $("body").append dom

x = 0
while x * sq < d.w
  y = 0
  while y * sq < d.h
    create x, y
    y++
  x++