var current_row_start = 4;
$(document).ready(function(){
	$('.playlist > ul > li > p > img').addClass('playlist_item');
    $('.playlist > ul > li:nth-child(4n+1)').css('clear','both').addClass('row_start');
    $('.playlist_wrapper').find('a.scroll_button').unbind('click').click(function(){
		$('.playlist > ul > li:lt(5)').each(function(){
			var row_count = 0;
			if($(this).hasClass('row_start'))
			{
				row_count = row_count++;
				console.log(row_count);
				current_row_start = $(this).index();
			}
		});
    	$('.playlist > ul').animate({top:'-=120px'},900,function(){

    		
    		$('.playlist > ul > li:lt('+current_row_start+')').appendTo('.playlist > ul');
    		$('.playlist > ul').css('top','0px');
    	});
    });
    $('.playlist_wrapper').find('a.scroll_button_up').unbind('click').click(function(){
    	var row_count = 0;
		$('.playlist > ul > li:lt(5)').each(function(){
			if($(this).hasClass('row_start'))
			{
				row_count++;
				console.log(row_count);
				current_row_start = $(this).index() - 1;
			}
		});
		$('.playlist > ul > li:gt('+current_row_start+')').prependTo('.playlist > ul');
		$('.playlist > ul').css('top','-'+(row_count-1)*120+'px');
    	$('.playlist > ul').animate({top:'+=120px'},900,function(){
    		$('.playlist > ul').css('top','0px');
    	});
    });    
});