$(document).ready(function(){
	$("ul.index_slide li").css({opacity:0.0});
	$("ul.index_slide li.active").css({opacity:1.0});
	$("span.count").text($("ul.index_slide li.active").index()+1);
	$("span.count_all").text($("ul.index_slide li").length);
	
	$("ul.index_slide li").click(function(){
		slideSwitch();
		return false;
	})
	$("a.next").click(function(){
		slideSwitch();
		return false;
	})
	$("a.prev").click(function(){
		slidePrev();
		return false;
	})
	
	function slideSwitch() {
		var $active = $('ul.index_slide li.active');
		if ( $active.length == 0 ) $active = $('ul.index_slide li:last');
		var $next =  $active.next().length ? $active.next() : $('ul.index_slide li:first');
		$("span.count").text($next.index()+1);
		$active.animate({opacity:0}, 200, function() {
			$next.addClass('active');
		});
		$next.animate({opacity:1.0}, 500,function() {
			$active.removeClass('active last-active');
		});
	}
	function slidePrev() {
		var $active = $('ul.index_slide li.active');
		if ( $active.length == 0 ) $active = $('ul.index_slide li:last');
		var $next =  $active.prev().length ? $active.prev() : $('ul.index_slide li:last');
		$("span.count").text($next.index()+1);
		$active.animate({opacity:0}, 200, function() {
			$next.addClass('active');
		});
		$next.animate({opacity:1.0}, 500, function() {
			$active.removeClass('active last-active');
		});
	}
})