window.addEvent('load',function(){

	var plurkList = $('plurkList');
	//var expandHeight = plurkList.getScrollSize();
	var plurkScroll = new Fx.Scroll(plurkList,{wheelStops:false,duration:750,transition:'quad:out'});
	var activePlurk = plurkList.getFirst();

	// This sucks pretty bad, but it's necessary to make the last element in the list scroll right.
	plurkList.getLast().setStyle('padding-bottom',plurkList.getLast().getScrollSize().y);	

	$('plurkList').setStyle('height',activePlurk.getSize().y);
	plurkScroll.set(0,0);
	
	$('prevButton').addEvent('click', function() {
		if (activePlurk.getPrevious() != null) {
			activePlurk = activePlurk.getPrevious();
		} else {
			activePlurk= plurkList.getLast();
		}
		modifyBubble();
	});
	
	$('nextButton').addEvent('click', function() {
		if (activePlurk.getNext() != null) {
			activePlurk = activePlurk.getNext();
		} else {
			activePlurk= plurkList.getFirst();
		}
		modifyBubble();
	});
	
	function modifyBubble() {
		plurkList.morph({'height':activePlurk.getSize().y});
		plurkScroll.toElement(activePlurk);
	};
	

	
});