jQuery(document).ready(function() {	

	$('div.shdw').remove();

	// animated tabs - flexible!
	var imageList = "ul.carousel-images";
	var controlList = "ul.carousel-tabs";
	var control = "#tab-";
	var ci = ( control.length - 1);
	var activeImg = 1;
	
	var aniCar = setInterval(function()
	{
		curr = activeImg +1;
		if (curr > jQuery(imageList).children().size()){
			curr = 1;
		}
		jQuery('#img-'+activeImg).removeClass('active-img');
		jQuery('#img-'+curr).css('opacity', 0.2);
		jQuery('#img-'+curr).addClass('active-img');
		jQuery('#img-'+curr).fadeTo('slow', 1);
		
		jQuery(control+activeImg).removeClass('active');
		activeImg = curr;
		jQuery(control+activeImg).addClass('active');

	}, 5000);
		
	//jQuery('#control-'+activeImg).addClass('activeControl');
	jQuery(controlList+" li").mouseover(function () {
		clearInterval(aniCar);
		// get ID of clicked hero
		var curr = jQuery(this).attr('id');
		curr = curr.substring(ci);
		// add/remove active class from slideshow images and fade in new one
		if (curr != activeImg) {
			jQuery('#img-'+activeImg).removeClass('active-img');
			jQuery('#img-'+curr).css('opacity', 0.2);
			jQuery('#img-'+curr).addClass('active-img');
			jQuery('#img-'+curr).fadeTo('slow', 1);
			
			jQuery(control+activeImg).removeClass('active');
			activeImg = curr;
			jQuery(control+activeImg).addClass('active');
		}
	});



});