function selectIndexButton() {
	$('.MainPanel .ButtonsList a').removeClass("ButtonSelected");
	$('.MainPanel .ButtonsList a').eq(currentIndex).addClass("ButtonSelected");
}

function slideNext() {
	slideTo(currentIndex + 1);
}

function slidePrevious() {
	slideTo(currentIndex - 1);
}

function slideTo(itemIndex) {

	//CHECK NEXT INDEX
	if (itemIndex < 0) itemIndex = elementNumber - 1;
	else if (itemIndex >= elementNumber) itemIndex = 0;

	//FADE CURRENT ITEM
	var fadeContent = $('.MainPanel .Carousel li.PanelDetails li.MainPanelImage img').eq(currentIndex);
	fadeContent = fadeContent.add($('.MainPanel .Carousel li.PanelDetails li.ContentText').eq(currentIndex));

	fadeContent.fadeOut(fadeTime, "linear", function () {
		clearInterval(timerId);
		currentIndex = itemIndex;
		$('.MainPanel .Carousel li.PanelDetails').addClass("DisplayNone");
		$('.MainPanel .Carousel li.PanelDetails').eq(currentIndex).removeClass("DisplayNone");

		selectIndexButton();

		var fadeContent = $('.MainPanel .Carousel li.PanelDetails li.MainPanelImage img').eq(currentIndex);
		fadeContent = fadeContent.add($('.MainPanel .Carousel li.PanelDetails li.ContentText').eq(currentIndex));
		fadeContent.fadeIn(fadeTime, "linear", function () {
			clearInterval(timerId);
			timerId = setInterval(slideNext, fadeInterval);
		});
	});


}



function initMainPanel() {

	elementNumber = $('.MainPanel  .Carousel > ul > li').length;

	//$(".MainPanel  .ButtonsList.NoThumbs ul").css('width', ($(".MainPanel  .Carousel > ul > li").length * 30 - 10) + 'px');

	$(".MainPanel  .ButtonsList a").click(function () {
		var itemIndex = $(".MainPanel  .ButtonsList a").index(this);
		slideTo(itemIndex);
	});

	$(".MainPanel a.ArrowPrevious").click(function () {
		slidePrevious();
	});
	$(".MainPanel a.ArrowNext").click(function () {
		slideNext();
	});

	for (var i = 0; i < elementNumber; i++) {
		var contentText = $('.MainPanel  .Carousel li.ContentText').eq(i);
		var contentHeight = contentText.height();

		$('.MainPanel .Carousel > ul > li.PanelDetails').eq(i).addClass("DisplayNone");
		
		/*var newContentTop = contentTextMinTop + ((contentTextMaxHeight - contentHeight) / 2);
		if (newContentTop < contentTextMinTop) {
			newContentTop = contentTextMinTop;
			contentText.css("height", contentTextMaxHeight + "px");
			contentText.css("overflow", "hidden");
		}*/

		contentText.css("bottom", "0px");
		contentText.css("display", "none");
		contentText.css("left", "0");
	}

		

	//set mouse over - stop and mouse out -- restart events for panel
	$('.MainPanel').mouseover(function (event) {
		event.stopPropagation();
		clearInterval(timerId);
	});

	$('.MainPanel').mouseout(function (event) {
		event.stopPropagation();
		clearInterval(timerId);
		timerId = setInterval(slideNext, fadeInterval);
	});



	//load the first image in the panel
	var img = new Image();
	img.src = $('.MainPanel .Carousel > ul img:first').attr("src");

	if (img.complete) {
		$(".MainPanel li.Loading").removeClass("Loading");
	}
	else {
		$(img).load(function () {
			$(".MainPanel li.Loading").removeClass("Loading");
		});
	}

	selectIndexButton();
	$('.MainPanel .Carousel li.PanelDetails').eq(currentIndex).removeClass("DisplayNone");
	$('.MainPanel .Carousel li.PanelDetails li.MainPanelImage img').eq(currentIndex).css("display", "block");
	$('.MainPanel .Carousel li.PanelDetails li.ContentText').eq(currentIndex).css("display", "block");

	clearInterval(timerId);
	timerId = setInterval(slideNext, fadeInterval);

}

var currentIndex = 0; 							//main photo index
var fadeInterval = 7000; 					//timer for auto-scroll
var fadeTime = 1000; 							//time it takes on photo to slide
var elementNumber;
var timerId;
var contentTextMaxHeight = 350;
var contentTextMinTop = 20;

$(document).ready(function() {
	initMainPanel();
});