﻿function slideNextAds() {
	slideToAds(currentIndexAds + 1);
}


function slideToAds(itemIndex) {

	//CHECK NEXT INDEX
	if (itemIndex < 0) itemIndex = elementNumberAds - 1;
	else if (itemIndex >= elementNumberAds) itemIndex = 0;

	//FADE CURRENT ITEM
	var fadeContent = $('.MainHeaderDiv .LeaderboardContainer .Ads a').eq(currentIndexAds);

	fadeContent.fadeOut(fadeTimeAds, "linear", function () {
		clearInterval(timerIdAds);
		currentIndexAds = itemIndex;
		$('.MainHeaderDiv .LeaderboardContainer .Ads a').addClass("DisplayNone");
		$('.MainHeaderDiv .LeaderboardContainer .Ads a').eq(currentIndex).removeClass("DisplayNone");

		var fadeContent = $('.MainHeaderDiv .LeaderboardContainer .Ads a').eq(currentIndexAds);
		fadeContent.fadeIn(fadeTimeAds, "linear", function () {
			clearInterval(timerIdAds);
			timerIdAds = setInterval(slideNextAds, fadeIntervalAds);
		});
	});
}

function initAds() {

	elementNumberAds = $('.MainHeaderDiv .LeaderboardContainer .Ads a').length;

	for (var i = 0; i < elementNumberAds; i++) {
		$('.MainHeaderDiv .LeaderboardContainer .Ads a').eq(i).addClass("DisplayNone");

	}

	//set mouse over - stop and mouse out -- restart events for panel
	$('.MainHeaderDiv .LeaderboardContainer .Ads').mouseover(function (event) {
		event.stopPropagation();
		clearInterval(timerIdAds);
	});

	$('.MainHeaderDiv .LeaderboardContainer .Ads').mouseout(function (event) {
		event.stopPropagation();
		clearInterval(timerIdAds);
		timerIdAds = setInterval(slideToAds, fadeIntervalAds);
	});



	//load the first image in the panel
	var img = new Image();
	img.src = $('.MainHeaderDiv .LeaderboardContainer .Ads a img:first').attr("src");


	$('.MainHeaderDiv .LeaderboardContainer .Ads a').eq(currentIndex).removeClass("DisplayNone");
	$('.MainHeaderDiv .LeaderboardContainer .Ads a img').eq(currentIndex).css("display", "block");


	clearInterval(timerIdAds);
	timerIdAds = setInterval(slideNextAds, fadeIntervalAds);

}



var currentIndexAds = 0; 							//main photo index
var fadeIntervalAds = 7000; 					//timer for auto-scroll
var fadeTimeAds = 1000; 							//time it takes on photo to slide
var elementNumberAds;
var timerIdAds;

$(document).ready(function () {
	initAds();
});
