function slideSwitch(type) {
	var $active = $('.banner_box img.active');
	if ( $active.length == 0 ) $active = $('.banner_box img:last');
	if(type) var $next =  $active.next('img').length ? $active.next('img') : $('.banner_box img:first');
	else var $next =  $active.prev('img').length ? $active.prev('img') : $('.banner_box img:last');
	$('.controls div').removeClass('active');
	$('#c'+$next.attr('alt')).addClass('active');
	$active.addClass('last-active');
	$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {
		$active.removeClass('active last-active');
	});
}
function slideSwitch_by_num(num) {
	num--;
	var $active = $('.banner_box img.active');
	if ( $active.length == 0 ) $active = $('.banner_box img:last');
	var $next =  $('.banner_box img:eq('+num+')');
	$active.addClass('last-active');
	$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {
		$active.removeClass('active last-active');
	});
}
$(function() {
	showtime = setInterval( "slideSwitch(1)", 10000 );
});
$(document).ready(function() {
	$('.controls div:not(.active)').live("click", function(){
		$('.controls div').removeClass('active');
		$(this).addClass('active');
		slideSwitch_by_num($(this).attr('alt'));
	});
});