reconnectingWebSocket = (url, onMessage) ->
  connect = ->
    ws = new WebSocket(url)
    ws.onopen = ->
      $("#status").text "connected"

    ws.onerror = (e) ->
      $("#status").text "error: " + e

    ws.onclose = ->
      pong = 1 - pong
      $("#status").text "disconnected (retrying " + ((if pong then "<U+1F63C>" else "<U+1F63A>")) + ")"
      
      # this should be under a requestAnimationFrame to
      # save resources
      setTimeout connect, 2000

    ws.onmessage = (evt) ->
      onMessage JSON.parse(evt.data)
  pong = 0
  connect()


images = [
  '../images/3387331383_d5c530cd9e_z.jpg',
  '../images/1878786955_1356972060.jpg',
  '../images/cactus_3731166_lrg.jpg',
  '../images/cactus-header-1024x683.jpg',
  '../images/cactus.jpg',
  '../images/Nopal-cactus.jpg',
  '../images/round-cactus.jpg',
  '../images/Singapore_Botanic_Gardens_Cactus_Garden_2.jpg',
  '../images/f10.jpg',
  '../images/f11.jpg',
  '../images/f12.jpg',
  '../images/f13.jpg',
  '../images/f1.jpg',
  '../images/f2.jpg',
  '../images/f3.jpg',
  '../images/f4.jpg',
  '../images/f5.jpg',
  '../images/f6.jpg',
  '../images/f7.jpg',
  '../images/f8.jpg',
  '../images/f9.jpg',
]
imageIndex = -1

nextImage = ->
  imageIndex = (imageIndex + 1) % images.length
  $("#main").attr('src', images[imageIndex])
nextImage()  

reconnectingWebSocket("ws://bang:9071/events", (msg) ->
  console.log("got", msg)
  if msg.o == "http://bigasterisk.com/host/star/slideshow/advance"
    nextImage()
)