var xTpl={
	shift:68*10,
	move:function(up){
		var box=$("#ListBox");
		if(box.attr('id')==$("#ListBox::animated").attr('id')){
			return false;
		}
		var shift=xTpl.shift;
		if(!up){
			shift=shift*-1
		}
		var max=box.parent().height()-box.height()-xTpl.shift;
		var x=box.position().top+shift;
		if(x<1 && x>max){
			box.animate(
				{top:x},
				'slow'
			)
		}
	}
}
$(function(){
	$('#Down').click(function(){
		
		xTpl.move();
		
		return false;
	});

	$('#Up').click(function(){
		xTpl.move(true);
		return false;
	})

	$('#ListBox a').click(function(){
		var context=$(this);
		var workId=$(this).attr('id');
		$.ajax({
			type:'GET',
			url:'?_mod=portfolio&_app=default&_task=getWork',
			data:{
				workId:workId
			},
			beforeSend:function(){
				fnd_main_gui.showLoading();
			},
			success:function(result){
				fnd_main_gui.hideLoading();
				if(result){
					$('#Work').html(result);
					$('#ListBox img').removeClass('Current');
					context.children('img').addClass('Current');
				}
			}
		});
		return false;
	})
})