jQuery.event.add(window, "load", function(){
	var items = $('#SlidellList > ul > li');
	var iwidth = 481;
	var view_width = 481;
	var plength = Math.ceil(iwidth * items.length/view_width);
	var allwidth = view_width*plength;
	
	
	
	var ppos = $(document.createElement('div'));
	ppos.css('text-align','center');
	ppos.css('line-height','90%');
	ppos.attr('id','SlidePagePos');
	
	var pp =[];
	for(var i=0;i<plength;i++){
		pp[i] = $(document.createElement('span'));
		pp[i].css('font-size','8px');
		pp[i].css('color','#666666');
		if(i==0){
			pp[i].text(' ● ');
		}else{
			pp[i].text(' ○ ');
		}
		
		
		
		ppos.append(pp[i]);
	}
	
	
	
	$('#SlidellList > ul').css('width',allwidth +'px').css('float','none').css('position','static').css('margin-left',0).wrap('<div id="SlidellListWrap"></div>');
	$('#SlidellListWrap').css('width',view_width + 'px');
	$('#SlidellListWrap').css('float','left');
	$('#SlidellListWrap').css('overflow','hidden');
	$('#SlidellList').after(ppos);
	
	var sul =  $('#SlidellList  #SlidellListWrap > ul');
	
	var timerId = null;
	var to_left = 0;
	var cleft = 0;
	
	var moveTimer = function(){
		cleft += (to_left - cleft)*0.1;
		
		if(Math.abs(to_left - cleft) < 1){
			cleft = to_left;
			
			clearInterval(timerId)
			timerId = null;
			
			var current = plength - ((allwidth  + cleft)/view_width);
			for (var i = 0; i < plength; i++) {
				 if(i==current){
					pp[i].text(' ● ');
				}else{
					pp[i].text(' ○ ');
				}
			}
		}
		
		sul.css('margin-left',cleft+'px');
		
	}
	
	var lbtn = $('#SlideLeftBtn');
	var rbtn = $('#SlideRightBtn');
	
	
	var checkBtnState = function(){
		if(to_left <= view_width - allwidth && !rbtn.hasClass('rightDisable')){
			rbtn.addClass('rightDisable')     
		}else if(to_left > view_width - allwidth && rbtn.hasClass('rightDisable')){
			rbtn.removeClass('rightDisable')  
		}
		
		if(to_left >= 0 && !lbtn.hasClass('leftDisable')){
			lbtn.addClass('leftDisable')     
		}else if(to_left < 0 && lbtn.hasClass('leftDisable')){
			lbtn.removeClass('leftDisable')  
		}
		
	}
	
	var moveFunc = function(v){
		if(v < 0 && to_left > view_width - allwidth){
			to_left -= view_width;
		}else if(v > 0 && to_left < 0){
			to_left += view_width;
		}
		
		checkBtnState();
		
		if(timerId == null) {
			timerId = setInterval(moveTimer, 33);
		}
	
	}
	moveFunc(-1);
	checkBtnState();
	lbtn.attr('href','');
	rbtn.attr('href','');
	lbtn.click(function(){moveFunc(1);return false;});
	rbtn.click(function(){moveFunc(-1);return false;});
});