/* CAROUSEL VARIABLES */
var carouselRotationSpeed = 6000;
var carouselAnimationSpeed = 500;
var carouselCurrIndex = 0;
var maxCarouselIndex = 0;
var carouselTimer = setInterval ("changeCarousel(false)", carouselRotationSpeed);
var carouselAnimating = false;

/* INITIALIZE CAROUSEL */
$(document).ready(function(){

	$("#bd-superTab-black a, #bd-superTab-red a").fancybox({
			width:	915,
			height:	550,
			autoScale:	false,
			scrolling:	'no',
			padding:	0,
			href:		"/assets/" + identifyLang() + "/supertab/SuperTabDemo.swf",
			swf:		{flashvars: "xml=/assets/" + identifyLang() + "/supertab/xml/supertabdemo.xml", 
						menu:	false, 
						width:	915, 
						height:	550, 
						logo:	"true",
						xml:	"/assets/" + identifyLang() + "/supertab/xml/supertabdemo.xml", 
						lang:	"" + identifyLang()
					}
	});

	$('#carouselContainer').append('<div class="carousel-nav carouselNav"></div>');

	var indicatorEl = $('#carouselContainer .carousel-nav');
	var carouselItems = $('#carouselWindow .carouselItem');
	var indicators = createIndicators(indicatorEl,carouselItems.length,0);
	
	$('#carouselContainer')
		.mouseover(function(){
			carouselAnimating = true;
		}).mouseout(function(){
			carouselAnimating = false;
		});
	
	$('.carousel-nav a').each(function(i){
		$(this).click(function(){
			carouselAnimating = false;
			changeCarousel(i);
			clearInterval(carouselTimer);
			return false;
		});    	
	});
    
	maxCarouselIndex = $('.carouselItem').length - 1;
	$('.carouselItem.active').css('display', 'block');
});

function createIndicators(el, num, activeEl){
	var indicators = "";
	for(var i = 0; i < num;i++){
		if(activeEl == i){
			indicators +="<li><a href='#' class='active'></a></li>";	
		} else {
			indicators +="<li><a href='#'></a></li>";
		}
	}
	el.html('<ul>' + indicators + '</ul>');
	return $('.carousel-nav li a');
}

/* CHANGE CAROUSEL */
function changeCarousel(newCarouselIndex) {
	if (! carouselAnimating) {
		carouselAnimating = true;
		var newCarouselIndex = (newCarouselIndex === false) ? carouselCurrIndex + 1 : newCarouselIndex;
		newCarouselIndex = (newCarouselIndex > maxCarouselIndex) ? 0 : newCarouselIndex;

		var currCarousel = $('.carouselItem.active');
		var newCarousel = $('.carouselItem')[newCarouselIndex];
		var currNav = $('.carouselNav a.active');
		var newNav = $('.carouselNav a')[newCarouselIndex];

		currCarousel.removeClass('active');

		currCarousel.stop(true);
		$(newCarousel).stop(true);

		currCarousel.fadeOut(carouselAnimationSpeed, function(){
			$(newCarousel).fadeIn(carouselAnimationSpeed, function() {
				$(newCarousel).addClass('active');
				currNav.removeClass('active');
				$(newNav).addClass('active');

				carouselCurrIndex = newCarouselIndex;
				carouselAnimating = false;
			});
		});
	}
}