//=============================================================================
var TBanners		= {};

//=============================================================================
TBanners.Data		= {};
TBanners.Pos		= -1;

TBanners.Running	= true;
TBanners.TimerHandle = null;

TBanners.Locked		= false;

//=============================================================================
TBanners.Start = function() {
	TBanners.Running = true;

	TBanners.LoadImage(TBanners.Pos + 1);
}

//-----------------------------------------------------------------------------
TBanners.LoadImage = function(Pos) {
	if(TBanners.Locked) return;

	TBanners.Pos = Pos;

	if(TBanners.Pos >= TBanners.Data.length) {
		TBanners.Pos = 0;
	}else
	if(TBanners.Pos < 0) {
		TBanners.Pos = TBanners.Data.length - 1;
	}

	TBanners.Locked = true;

	var Picture = new Image();

	Picture.onload = function() {
		$("#BannersImage2").css("background-image", "url('" + TBanners.Data[TBanners.Pos]["Filename"] + "')");

		TBanners.FadeIn();
	};

	Picture.src = TBanners.Data[TBanners.Pos]["Filename"];
}

//-----------------------------------------------------------------------------
TBanners.FadeIn = function() {
	for(var i = 1; i <= TBanners.Data.length; i++) {
		$("#BannersNumber" + i + " > div").removeClass("BannersNumberActive");
	}

	var Num = TBanners.Pos;

	$("#BannersNumber" + (Num + 1) + " > div").addClass("BannersNumberActive");

	$("#BannersCaption").animate({"opacity" : 0}, function() {
		$("#BannersCaption").css("display", "block");
	});	

	$("#BannersImage2").animate({
		"opacity" : 1
	}, 500, "swing", function() {
		//$("#BannersCaption").html(TBanners.Data[TBanners.Pos]["Caption"]);
		//$("#BannersCaption").animate({"opacity" : 0.85});

		var Dur = TBanners.Data[TBanners.Pos]["Duration"];

		if(TBanners.Data[TBanners.Pos]["URL"].length >= 1) {
			$(".Banners").bind("click", function() {
				CURL.Redirect(TBanners.Data[TBanners.Pos]["URL"]);
			});
			$("#LearnMoreLink").css("display", "block").bind("click", function() {
				CURL.Redirect(TBanners.Data[TBanners.Pos]["URL"]);
			});
		} else {
			$(".Banners").unbind("click");
			$("#LearnMoreLink").css("display", "none").unbind("click");
		}

		TBanners.Locked = false;

		if(TBanners.Running) {
			TBanners.TimerHandle = setTimeout(TBanners.Start, Dur);
		}else{
			TBanners.TimerHandle = setTimeout(TBanners.Start, 30000);
		}		
	});
	$("#BannersImage1").animate({
		"opacity" : 0
	}, 500, "swing", function() {
		$("#BannersImage1").css("background-image", $("#BannersImage2").css("background-image"));
		$("#BannersImage1").css("opacity", 1);
		$("#BannersImage2").css("opacity", 0);
	});
	$("#BannersWrapper").animate({
		"backgroundColor"	: "#" + TBanners.Data[TBanners.Pos]["Color"]
	});
	$('#BannersTitle').html(TBanners.Data[TBanners.Pos]["Headline"]);
	$('#BannersDescription').html(TBanners.Data[TBanners.Pos]["Description"]);
	
	/*
	$("#BannersImage2").animate({
		"opacity" : 1
	}, 500, "swing", function() {
		$("#BannersCaption").html(TBanners.Data[TBanners.Pos]["Caption"]);
		$("#BannersCaption").animate({"opacity" : 0.85});

		$("#BannersImage1").css("background-image", $("#BannersImage2").css("background-image"));
		$("#BannersImage2").css("opacity", 0);		

		var Dur = TBanners.Data[TBanners.Pos]["Duration"];

		TBanners.Locked = false;

		if(TBanners.Running) {
			TBanners.TimerHandle = setTimeout(TBanners.Start, Dur);
		}else{
			TBanners.TimerHandle = setTimeout(TBanners.Start, 30000);
		}		
	});
	*/
}

//-----------------------------------------------------------------------------
TBanners.Load = function(Pos) {
	TBanners.Pos = Pos;

	clearTimeout(TBanners.TimerHandle);

	TBanners.Running = false;

	TBanners.LoadImage(TBanners.Pos);
}

//-----------------------------------------------------------------------------
TBanners.Next = function() {
	clearTimeout(TBanners.TimerHandle);

	TBanners.Running = false;

	TBanners.LoadImage(TBanners.Pos + 1);
}

//-----------------------------------------------------------------------------
TBanners.Previous = function() {
	clearTimeout(TBanners.TimerHandle);

	TBanners.Running = false;

	TBanners.LoadImage(TBanners.Pos - 1);
}

//-----------------------------------------------------------------------------
TBanners.OnInit = function(StoresID) {
	CAJAX.Add("Default", "Template", "GetBanners", { 'StoresID' : StoresID }, function(Code, Content) {
		if(Code == 1) {
			TBanners.Data = JSON.parse(Content);

			$("#BannersNumbers").html("");

			for(var i = 1; i <= TBanners.Data.length; i++) {
				//TBanners.Data[i] = Data[i];

				$("#BannersNumbers").append("<div class='BannersNumber' id='BannersNumber" + i + "'>" + TBanners.Data[i - 1]["Title"] + " <div class='BannersNumberInactive' style='background-color:#" + TBanners.Data[i - 1]["Color"] + ";'></div></div>");

				$("#BannersNumber" + i).data("Pos", i - 1).bind("click", function() {
					TBanners.Load($(this).data("Pos"));
				});
			}

			if(count(TBanners.Data) > 0) {
				TBanners.Start();
			}

			//$("#BannersPrevious").bind("click", TBanners.Previous);
			//$("#BannersNext").bind("click", TBanners.Next);

		}else{
			//Some error, try again
			//TBanners.OnInit(StoresID);
			alert(Content);
		}
	});
}

//=============================================================================