Slider responding to change callback

layout_scripts.js.coffee

jQuery ->

  if typeof $.fn.jCarouselLite isnt 'undefined'

    $("#slider_1").jCarouselLite
      btnNext: "#slider_1 .next"
      btnPrev: "#slider_1 .prev"
      visible: 1
    

    $("#slider_2").jCarouselLite
      btnNext: "#slider_2 .next"
      btnPrev: "#slider_2 .prev"
      visible: 1
    

    $("#slider_3").jCarouselLite
      btnNext: "#slider_3 .next"
      btnPrev: "#slider_3 .prev"
      visible: 1
    
  if typeof $.fn.checkbox isnt 'undefined'
    $('input[type=checkbox]').checkbox(cls:'jquery-safari-checkbox')
  
  
  if typeof $.fn.selectBox isnt 'undefined'
    $('select').selectBox()
  
  
  if typeof $.fn.slider isnt 'undefined'

    $( "#slider-range_1" ).slider
      range: true
      min: 0
      max: 10000000
      values: [ 500000, 2000000 ]
      step: 500000
      change: (e, range) ->
        console.log e.target
        alert "#{range.values[0]} - #{range.values[1]}"
        console.log values

     
    $( "#slider-range_2" ).slider
      range: true
      min: 1
      max: 7
      values: [ 2, 6 ]

    $( "#slider-range_3" ).slider
      range: true
      min: 1
      max: 7
      values: [ 2, 6 ]
    
  $('.widget h3').click ->
    $(this).parent().toggleClass('close')