/*jslint browser: true */
/*extern Drupal, $ */

var simulcastScroll = {
	interval: null,
	rows: 15,
	delta: 5
};

simulcastScroll.down = function(){
	var top = parseInt($('#simulcast-slider ul').css('top'));
	if(top + 26 <= simulcastScroll.min){
		clearInterval(simulcastScroll.interval);
		return;
	}
	$("#simulcast-slider ul").css('top', top - simulcastScroll.delta);
	return false;
};

simulcastScroll.up = function(){
	var top = parseInt($('#simulcast-slider ul').css('top'));
	if(top >= 0){
		clearInterval(simulcastScroll.interval);
		return;
	}
	$("#simulcast-slider ul").css('top', top + simulcastScroll.delta);
	return false;
};

simulcastScroll.init = function(){
	var slider = $("#simulcast-slider");
	var list = $('#simulcast-slider ul');
		
	var liHeight = $("#simulcast-slider li").height();
	if(slider.height() <= (liHeight * simulcastScroll.rows)){
		return false;
	}
	slider.addClass('active').height(liHeight * simulcastScroll.rows);
	
	simulcastScroll.min = slider.height() - list.height();
	
	$("<a class='up'>&nbsp;</a>").hover(
		function(){
			simulcastScroll.interval = setInterval(simulcastScroll.up, 50);
		},
		function(){
			clearInterval(simulcastScroll.interval);
		}
	).appendTo(slider[0]);

	$("<a class='down'>&nbsp;</a>").hover(
		function(){
			simulcastScroll.interval = setInterval(simulcastScroll.down, 50);
		},
		function(){
			clearInterval(simulcastScroll.interval);
		}
	).appendTo(slider[0]);

};


$(document).ready(simulcastScroll.init);