$ = window.HS.jQuery
class DisplayItem
  constructor: (type, c_type, data) ->
    @set_data type, c_type, data

  @id
  @data

  set_data: (type, c_type, data) =>
    @data = data || {}
    @data.type = type
    @data.c_type = c_type
    @data.domain_id = HotSpots.Application.domain
    @data.page_url= HotSpots.Application.page
    @id = @data.id
    if data
      @set_app data.app
    # @set_tooltip()

  set_tooltip: () =>
    if @data.type != 'inline'
      @tip = $("<div id='tt_#{@id}' class='HotSpotsMV-Tooltip'>Click To See More</div>")

  set_app: (app) =>
    for test_app of HotSpots.Ui_Applications
      try_app = new HotSpots.Ui_Applications[test_app] app
      if try_app.app_name is app.name
        @app = try_app #new window.HotSpots.Ui_Applications[hs.app.name] app
    @

  hover: (e) =>
    e.preventDefault()
    el = $(@eid)

    if @tip
      el.prepend @tip
      # @tip.toggle()
      @tip.animate({
        width: 'toggle'
      });
    console.log "hover base"
    HotSpots.Analytics.fire_event 'Hover', @

  analytics_data: ()->
    data = @.data
    delete data.app.html
    JSON.stringify(data)

  remove: () =>
    $(@eid).remove()

  click: () =>
    if not HotSpots.Application.analyticsInited
      HotSpots.Application.initAnalytics()
    HotSpots.Analytics.fire_event 'Click', @

    el = $(@eid)
    modal = HotSpots.create(HotSpots.HotSpotModal)
    #el.css "background-image", "url(#{HotSpots.Application.hover_hotspot_image})"
    modal.show({
      app: @app,
      #content: @app.render(),
      target: @eid,
      owner: @,
      on_delete: ()->
        #HotSpots.HotSpotsManager.remove(@)
    })

    @



window.HotSpots.Models.DisplayItem = DisplayItem