window.addEvent('domready', function() {
	var tweenBusy = false;
	var scrollAmount = 3;
	var eventListHeight = 58*scrollAmount;//232;//260;	// each event list height is 58px
	var currentEventId = 0;
	var totalEvents;
	var y = 0;
	var _y = 0;
	var eventLists = $('eventLists') , eventDown=$('eventDown'), eventUp = $('eventUp');
	
	//totalEvents = Math.ceil(parseInt(eventLists.totalEvents)/4);
	totalEvents = Math.ceil(parseInt(eventLists.totalEvents)/scrollAmount);
	//totalEvents = parseInt(eventLists.totalEvents);
	//alert(totalEvents);
	
	var moveEvents = new Fx.Morph(eventLists,{
		duration:1000,
		link:'cancel',
		transition:'cubic:out'
		//transition:'elastic:out'
	})
	//celeb.fade(0.3);
	eventDown.addEvents({
		click: function(){
			if(!tweenBusy && currentEventId<totalEvents-1){
				tweenBusy = true;
				_y = y;
				currentEventId++;				
				y = -currentEventId*eventListHeight;
				moveEvents.start({
					top:[_y,y]
				});
			}
		}
	});
	eventUp.addEvents({
		click: function(){
			if(!tweenBusy && currentEventId>0){
				tweenBusy = true;
				_y = y;
				currentEventId--;				
				y = -currentEventId*eventListHeight;
				moveEvents.start({
					top:[_y,y]
				});
			}
		}
	});	
	moveEvents.addEvent('complete',function(){
		tweenBusy = false;
		//log.set('html',tweenBusy + " : " + currentEventId);
		if(currentEventId>=totalEvents-1){
			eventDown.fade(0.3)
		}else{
			eventDown.fade(1)
		}
		if(currentEventId<=0){
			eventUp.fade(0.3)
		}else{
			eventUp.fade(1)
		}
	});
	eventUp.fade(0.3);
	if(totalEvents<=1){
		eventDown.fade(0.3);
		var parentScroll = eventDown.getParent();
		parentScroll.setStyle('display', 'none');
	}
});