// JavaScript Document

var iScrollTop = 0;

$(document).ready(function(){
	$('.events ul.eventTabs').tabs().bind('tabsselect', function(event, ui) {
		$('.ui-panel-selected').removeClass('ui-panel-selected');
		$(ui.panel).addClass('ui-panel-selected');
		resetScroller();
	});
	
	$('.events .eventItem:not(.ui-tabs-hidden)').addClass('ui-panel-selected');
	resetScroller();
	
	var interval = null;
	$('.events .scroller .down').mousedown(function() {
		scrollDown();
		interval = setInterval(scrollDown, 1);
	}).mouseup(function() {
		clearInterval(interval);
	});

	$('.events .scroller .up').mousedown(function() {
		scrollUp();
		interval = setInterval(scrollUp, 1);
	}).mouseup(function() {
		clearInterval(interval);
	});
});

function resetScroller() {
	var container = $('#newsBox .events .eventItems');
	container.scrollTop(0);
	iScrollTop = 0;
	
	var panel = $('#newsBox .events .eventItems .ui-panel-selected');
	var height = container.height();
	var panelHeight = panel.height();
	
	$('.events .scroller .up').addClass('disabled');
	if (height >= panelHeight) {
		$('.events .scroller .down').addClass('disabled');
	}
	else {
		$('.events .scroller .down').removeClass('disabled');
	}
}

function scrollUp() {
	var item = $('.events .scroller .up');
	if (!item.hasClass('disabled')) {
		iScrollTop = iScrollTop - 5;

		$('#newsBox .events .eventItems').scrollTop(iScrollTop);
		$('.events .scroller .down').removeClass('disabled');
		if (iScrollTop <= 0) {
			iScrollTop = 0;
			item.addClass('disabled');
		}
	}
}

function scrollDown() {
	var item = $('.events .scroller .down');
	if (!item.hasClass('disabled')) {
		iScrollTop = iScrollTop + 5;
		
		var container = $('#newsBox .events .eventItems');
		var panel = $('#newsBox .events .eventItems .ui-panel-selected');
		var height = container.height();
		var panelHeight = panel.height();
		var scrollTop = container.scrollTop() + 1;
		
		$('#newsBox .events .eventItems').scrollTop(iScrollTop);
		$('.events .scroller .up').removeClass('disabled');

		if ((height + scrollTop) >= panelHeight) {
			item.addClass('disabled');
		}
	}
}