//=============================================================================
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).removeClass("BannersNumberActive");
		$("#BannersNumber" + i).css("background", "transparent url(/Templates/Saylor/gfx/BannersBar_Background_" + i + ".gif) left top repeat-x scroll");
	}

	var Num = TBanners.Pos + 1;

	//$("#BannersNumber" + Num).addClass("BannersNumberActive");
	$("#BannersNumber" + Num).css("background", "transparent url(/Templates/Saylor/gfx/BannersBar_Background_" + Num + "_Active.png) left top no-repeat scroll");

	$("#BannersProduct img").attr("src", TBanners.Data[TBanners.Pos]["ProductImage"]);
	$("#BannersProduct h5").html(TBanners.Data[TBanners.Pos]["ProductName"]);
	$("#BannersProduct p").html(TBanners.Data[TBanners.Pos]["ProductDesc"]);
	
	$("#BannersImage2").animate({
		"opacity" : 1
	}, 500, "swing", function() {
		$("#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("Saylor", "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++) {
				if(i > 4) break;
				
				if(i < TBanners.Data.length) {
					var Separator = "<div class='BannersSeparator'></div>";
				} else {
					var Separator = "";
				}

				$("#BannersBar").append("<div class='BannersNumber' id='BannersNumber" + i + "' style='background: transparent url(/Templates/Saylor/gfx/BannersBar_Background_" + i + ".gif) left top repeat-x scroll;'>" + TBanners.Data[i - 1]["Name"] + "</div>" + Separator);

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

			// Remainder width
			var RemainderWidth = 960 - ((TBanners.Data.length * 163) + (TBanners.Data.length - 1));
			$("#BannersBar").append("<div style='width: " + RemainderWidth + "px; height:72px; float:right; background: transparent url(/Templates/Saylor/gfx/BannersBar_Background.gif) left top repeat-x scroll;'></div>");

			if(count(TBanners.Data) > 0) {
				TBanners.Start();
			}
		}else{
			//Some error, try again
			//TBanners.OnInit(StoresID);
			alert(Content);
		}
	});
}

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