$(function(){

	
	//scroll_bar_text();
	function scroll_bar_text(){
		$('#cat_names').children('td').remove();
		$('.scroll-content-item h2').each(function(){
	 		$('#cat_names').append('<td><a href="#"><span>●</span>'+$(this).text()+'</a></td>');
		});
	};
	function hover_move(){
		var index = $('#cat_names a').index(this)+1;
		var num = $("#CenterBox .scroll-content-item").length;
		var scrollContent = $("#CenterBox");
		var hidden_len = parseInt((num-6)*($(".scroll-content-item").width()+4));
		if (index==1) index =0;
		pp = hidden_len/num*(index);
		scrollContent.animate({
			marginLeft:-pp
		});
	}
	function none_(){
	}
	
		$('#cat_names a').hoverIntent({
			sensitivity:3,
			interval:200,
			over:hover_move,
			out:none_
		});
	
	
	$("#RightF").live('click',function(){
		var scrollContent = $("#CenterBox");
		pp = scrollContent.find('.scroll-content-item').width()+4;
		var mleft = scrollContent.css('margin-left');
		mleft = mleft.replace("px","");
		if (isNaN(mleft)) {
			mleft =0;
		}
		
		var each_length = $(".scroll-content-item").width()+4;
		var num = $("#CenterBox .scroll-content-item").length;
		var hidden_len =-(num-6)*each_length;
	
		if (parseInt(mleft) <= parseInt(hidden_len)) {
			return;
		}
	 	pp = pp + parseInt(mleft)%each_length;
      	scrollContent.animate({
			marginLeft: parseInt(mleft)-pp
		});
	});
	
	$("#LeftF").live('click',function(){
		var scrollContent = $("#CenterBox");
		pp = scrollContent.find('.scroll-content-item').width()+4;
	  var mleft = scrollContent.css('margin-left');
	  mleft = mleft.replace("px","");
	  if (isNaN(mleft)) {
	  	  mleft =0;
	  }
		if (mleft >=0) {
			 return;
			}
		var each_length = $(".scroll-content-item").width()+4;
		mleft = parseInt(mleft);
	  if (mleft + mleft%each_length >=0) {
			 return;
		}
		if (mleft%each_length<0)
		{
				pp = -mleft%each_length;
		}
		scrollContent.animate({
			marginLeft: parseInt( mleft )+pp
		});
	});
	
});