mobile webkit landscape locking hack

landscapeLock.coffee

$(window).bind("orientationchange", ->
  $scope.orientation = window.orientation
  $(document.body).css({
    width: $(window).width()
    height: $(window).height()
  })
  if window.orientation % 180 is 0
    rotation = "rotate(-90deg)"

    if window.orientation > 0
      rotation = "rotate(90deg)"

    $(document.body).css({
      '-webkit-transition': "all 1s ease-in-out"
      '-webkit-transform-origin': ""
      '-webkit-transform': rotation
      width: $(window).height()
      height: $(window).width()
    })
  else
    $(document.body).css("-webkit-transform-origin", "").css "-webkit-transform", ""
).trigger "orientationchange"