// JavaScript Document

$(initPage);

var bannerIndex = 0;

function initPage ( ) {
	$(".contentBanner").each(
	function ( ) {
		
		$(this).data("id",bannerIndex);
		$(this).data("lastIndex", -1);
		
		var numImages = $("img", this).length;
		
		$(this).prepend("<ul class='contentBannerNav'></ul>");
		
		for ( var i=0; i<numImages; i++)
		{
			$(".contentBannerNav",this).append("<li>" + (i+1) + "</li>");
			
		}
		
		$(".contentBannerNav li", this).click(
		function ( ) {
			gotoBannerIndex($(this).parent().parent().data("id"),$(this).index(), true);
		});
		
		$(".contentBanner img:gt(0)").css("opacity",0);
		
		gotoBannerIndex(bannerIndex, 0, false);
	
		bannerIndex++;	
	});
	
}

function gotoBannerIndex ( banner,  index , animated ) {
	
		
	$(".contentBanner:eq("+banner+")").each(
	function ( ) {
		
		if($(this).data("lastIndex") == index) return;
		
		if($(this).data("lastIndex") != -1)
		{
			if(animated)
			{
				$("img:eq("+$(this).data("lastIndex")+")",this).animate({opacity:0},500);
			} else {
				$("img:eq("+$(this).data("lastIndex")+")",this).css("opacity",0);
			}
			
			//turn off last nav item
			$(".contentBannerNav li:eq("+$(this).data("lastIndex")+")",this).removeClass("on");
		}
		
		if(animated)
		{
			$("img:eq("+index+")",this).animate({opacity:1},500);
		} else {
			$("img:eq("+index+")",this).css("opacity",1);
		}
		
		//turn off last nav item
		$(".contentBannerNav li:eq("+index+")",this).addClass("on");
		
		$(this).data("lastIndex", index);
		
	});
	
}