$(function(){
	$('#slider').show()
	
//SLIDER
	var keeper=document.getElementById('slider')
	$('#slider .slides li').hide()
	$('#slider .slides li.vis').show()
	$('#slider .slider_content').eq(0).addClass('curr')
	
	
	keeper.lastNum=0

	var show_slide=function(num){
		$('#slider .curr li').hide().removeClass('vis').eq(num).fadeIn().addClass('vis')
	}
	var show_from_slider=function(val){
		var num=$('#slider .curr .slides').find('li').length
		num=~~(val/(101/num))
		if(keeper.lastNum!==num)show_slide(num)
		keeper.lastNum=num
	}
	var roll_slider=function(to){
		var num=$('#slider .curr .slides').find('li').length
		num=~~((to+1)*(100/num)-(100/num/2))
		$('#slider .curr .trackbar div').slider('value',num)
		
	}
	var show_slide_next=function(){
		keeper.lastNum++
		var el=$('#slider .curr .vis')
		el.removeClass('vis').hide()
		if((el=el.next()).html())el.fadeIn().addClass('vis')
		else {show_slide(0);keeper.lastNum=0}
		
	}
	var show_slide_prev=function(){
		keeper.lastNum--
		var el=$('#slider .curr .vis')
		el.removeClass('vis').hide()
		if((el=el.prev()).html())el.fadeIn().addClass('vis')
		else {show_slide(-1);keeper.lastNum=$('#slider .curr .slides').find('li').length-1}
	}
	
	$('.trackbar div').slider({
		min:1,max:100,value:1,
		animate:true,
		slide:function(e,ui){
			show_from_slider(ui.value)			
		}
	})
	
	$('#slider').delegate('a.next','click',function(){
		show_slide_next()
		roll_slider(keeper.lastNum)
		
	})
	$('#slider').delegate('a.prev','click',function(){
		show_slide_prev()
		roll_slider(keeper.lastNum)
	})
})