var salto = 0;
var ajuste = -1;
var topOriginal = 0;
$(function(){
	salto = parseInt($('#lista_tienda li').height())
			+
			parseInt($('#lista_tienda li').eq(0).css('padding-top'))
			+
			parseInt($('#lista_tienda li').eq(0).css('padding-bottom'));
			+
			parseInt($('#lista_tienda li').eq(0).css('border-top'));
			+
			parseInt($('#lista_tienda li').eq(0).css('border-bottom'));
	if(($('#lista_tienda').height()-salto) <= $('#wrapper').height()) return;
	topOriginal = parseInt($('#lista_tienda').css('top'));
	$('<div></div>').attr('id','control_scroll').appendTo('#contenido');
	$('<div></div>').attr('id','scroll_arriba').appendTo('#control_scroll').click(subirScroll);
	$('<div></div>').attr('id','scroll_abajo').appendTo('#control_scroll').click(bajarScroll);
	comprobarScroll();
});
function subirScroll(){
	if($('#scroll_arriba').attr('class')=='inactivo') return;
	var destino = parseInt($('#lista_tienda').css('top'))+salto-ajuste;
	$('#lista_tienda').animate({top:destino},'slow','EaseInOut',comprobarScroll);
}
function bajarScroll(){
	if($('#scroll_abajo').attr('class')=='inactivo') return;
	var destino = parseInt($('#lista_tienda').css('top'))-salto+ajuste;
	$('#lista_tienda').animate({top:destino},'slow','EaseInOut',comprobarScroll);
}
function comprobarScroll(){
	var topActual = parseInt($('#lista_tienda').css('top'));
	var topMaximo = ($('#wrapper').height())-($('#lista_tienda').height());
	if(topActual>=topOriginal){
		$('#scroll_arriba').addClass('inactivo');
		$('#scroll_arriba').removeClass('activo');
	}else{
		$('#scroll_arriba').addClass('activo');
		$('#scroll_arriba').removeClass('inactivo');
	}
	if((topActual-topMaximo)<=salto){
		$('#scroll_abajo').addClass('inactivo');
		$('#scroll_abajo').removeClass('activo');
	}else{
		$('#scroll_abajo').addClass('activo');
		$('#scroll_abajo').removeClass('inactivo');
	}
}