var tw_autoChangeDelay = 10;
var tw_banner;
var tw_slides;
var tw_controls;
var tw_slideLinks;
var index;
var timeout;



function init()
{

	tw_banner = $('div#tw_main_banner');
	tw_slides = tw_banner.find("table.tw_banner_slide");
	tw_controls = tw_banner.find("div.tw_banner_navigation");
	tw_slideLinks = tw_controls.find("a.tw_slide_link");

	index = tw_slides.filter(".current").index();
	showSlide(index);
	
	tw_controls.delegate("a", "click", twBannerOnClick);
	
	// Show slide navigation
	setTimeout(function(){
		$("div.tw_banner_navigation").fadeIn(500);
	}, 500);	
	
}



function twBannerOnClick(e)
{
	
		var $this = $(this);
		var newIndex = $this.hasClass("prev") ? index - 1 :
		 $this.hasClass("next") ? index + 1 :
			 $this.hasClass("tw_slide_link") ? tw_slideLinks.index($this) : -1;
		showSlide(newIndex);
		e.preventDefault();
		
}



function showSlide(newIndex)
{
	
	newIndex = (newIndex < 0) ? tw_slides.length - 1 : (newIndex >= tw_slides.length) ? 0 : newIndex;

	if (newIndex != index)
	{
		index = newIndex;
		tw_slides.stop(true, true);
		tw_slides.filter(".current").fadeOut(function(){
			$(this).removeClass("current").hide();
		});	
		tw_slides.eq(index).fadeIn(function(){
			$(this).addClass("current");
		});
		tw_slideLinks.removeClass("current").eq(index).addClass("current");			
	}
	
	// auto change slides
	clearTimeout(timeout);
	timeout = setTimeout(function(){
		showSlide(index + 1);
	}, tw_autoChangeDelay * 1000);

}

function postLoadImage(element, src, alt)
{
	$(document).ready(function(){
		$(element).after(["<img src=\"", src, "\" alt=\"", alt, "\"/>"].join(''));
	});
}



$(document).ready(init);