jQuery(document).ready(function(){
		
	jQuery('#banner_list img').click(function(){
		var list = jQuery(this);
		var src  = jQuery(this).attr('src');
		var ban  = jQuery(this).attr('class');
		
		if(src.indexOf('_act.png')== -1) {
			var act = jQuery('#banner_list img.active');
			jQuery('#banners .active').fadeOut('slow',function(){
				jQuery(this).removeClass('active');
				act.attr('src',act.attr('src').replace('_act.png','.png'));
				act.removeClass('active');
				list.attr('src',src.replace('.png','_act.png'));
				list.addClass('active');
				jQuery('#banners .'+ban).fadeIn('slow',function(){
					jQuery(this).addClass('active');
				});
			});
		}
	});
	
	setInterval('banner_slide()',5000);
		
});

function banner_slide() {
		var act = jQuery('#banner_list img.active');
		var next = act.next('img');
		
		if(next.length == 0)
			next = jQuery('#banner_list img').first();
		
		var src  = next.attr('src');
		var ban  = next.attr('class');
		
		jQuery('#banners .active').fadeOut('slow',function(){
			jQuery(this).removeClass('active');
			act.attr('src',act.attr('src').replace('_act.png','.png'));
			act.removeClass('active');
			next.attr('src',src.replace('.png','_act.png'));
			next.addClass('active');
			jQuery('#banners .'+ban).fadeIn('slow',function(){
				jQuery(this).addClass('active');
			});
		});
	}