$(function(){
///////////////////

$('button.upwards').mouseover(function(){$(this).addClass('uphover')}).mouseout(function(){$(this).removeClass('uphover')}).focus(function(){$(this).blur()})
$('button.downwards').mouseover(function(){$(this).addClass('downhover')}).mouseout(function(){$(this).removeClass('downhover')}).focus(function(){$(this).blur()})


//guoslide 翻滚到两头判断有点问题

var oDistance=0;
var jumpDistance=100;

$('button').click(function(){

//alert('scrollTop:'+$('#slideContainer').attr('scrollTop')+' scrollHeight:'+$('#slideContainer').attr('scrollHeight'))

if($(this).hasClass('downwards')){
	$('button.upwards').css('visibility','visible');//只要点击就可以出来？
	if($('#slideContainer').attr('scrollTop')+2*jumpDistance>=$('#slideContainer').attr('scrollHeight')){
	//alert('下面没有了'+oDistance);
	$('#slideContainer').attr('scrollTop',$('#slideContainer').attr('scrollHeight')-jumpDistance);$(this).css('visibility','hidden');return false;}
	oDistance+=jumpDistance;
}else if($(this).hasClass('upwards')){
	$('button.downwards').css('visibility','visible');//只要点击就可以出来？
	if($('#slideContainer').attr('scrollTop')<=0){$('#slideContainer').attr('scrollTop',0);oDistance=0;
	//alert('上面没有了'+oDistance);
	$(this).css('visibility','hidden');return false;}
	oDistance-=jumpDistance;
}

$('#slideContainer').css({opacity:0.3}).animate({scrollTop: oDistance,opacity:1},1000,'easeOutBounce');

})

///////////////////
})