// SlideShow

function slideShow() {
	var $current = $('#imgBox img.current');
	
	if ( $current.length == 0 ) $current = $('#imgBox img:last');
	
	var $next =  $current.next("img").length ? $current.next("img") : $('#imgBox img:first');
	
	$current.addClass('lastSlide');
	
	$next.css({opacity:0})
		.addClass('current')
		.animate({opacity:1}, 1800, function() {
			$current.removeClass('current lastSlide');
		});		
}

$(function() {
	setInterval( slideShow, 4000 );
});

// Image Frame
$().ready(function() {
	$('#imgFrame').css({opacity:1});				   
	
	// Grab class name that ends with a number and use the number to set a CSS rule. `BKS
	$('#imgFrame *[@class^="trans"]').each(function(){
		var transClass = $(this).attr('class').replace('trans','');
		transClass = transClass / 100;
		$(this).css({opacity:transClass});
	});
	
});