// Handlers
//
console.log("Loading faq.js...");

var faqSlider;

function handleFAQ(res) {
    
    $('faq-slider').update('<div id="faq-slider-track" style="position:absolute;top:93px;left:398px;width:6px;height:403px;background-image:url(../../style/remix/images/bg_scroll_track.png);"><div id="faq-slider-handle" style="background-image:url(../../images/scroll_v_slider.gif);background-repeat:no-repeat;width:17px;height:8px;left:-5px;cursor:pointer"></div>'); 


    faqSlider = new Control.Slider('faq-slider-handle', 'faq-slider-track', {
	axis: 'vertical',
	onSlide: function(v) { scrollVertical(v, $('faq-page-content'), faqSlider);  },
	onChange: function(v) { scrollVertical(v, $('faq-page-content'), faqSlider); }
    });

    // disable vertical scrolling if text doesn't overflow the div
    if ($('faq-page-content').scrollHeight <= $('faq-page-content').offsetHeight) {
	faqSlider.setDisabled();
	$('faq-slider-handle').hide();
    } else {
	setWheel(faqSlider,'faq-inner-content','faq-page-content');
    }
}

function clickQuestion(id){

  Position.prepare();
  var shift = Position.realOffset($('faq-questions-list'))[1] - Position.realOffset($('nav-home'))[1]; 

  var pos = Position.cumulativeOffset($('qa'+id))[1];

  pos = pos - Position.cumulativeOffset($('faq-page-content'))[1] - shift - 25;

  if (BrowserDetect.browser != 'Safari'){
    pos = pos - 2*id + 1;
  }


  var containerHeight = $('faq-inner-content').scrollHeight - $('faq-page-content').getHeight();

  faqSlider.setValueBy(pos/containerHeight);

}