//=============================================================================
var CBanners		= {};

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

CBanners.Running	= true;
CBanners.TimerHandle = null;

CBanners.Locked		= false;

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

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

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

	CBanners.Pos = Pos;

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

	CBanners.Locked = true;

	var Picture = new Image();

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

		CBanners.FadeIn();
	};

	Picture.src = "./gfx/featured-products/" + CBanners.Data[CBanners.Pos]["Filename"];

	$("#BannersImage2").data("URL", CBanners.Data[CBanners.Pos]["URL"]);
}

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

	var Num = CBanners.Pos + 1;

	$("#BannersName").html(CBanners.Data[CBanners.Pos].Name);

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

	$("#BannersImage2").animate({
		"opacity" : 1
	}, 500, "swing", function() {
		$("#BannersImage1").css("background-image", $("#BannersImage2").css("background-image"));
		$("#BannersImage2").css("opacity", 0);

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

		CBanners.Locked = false;

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

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

	clearTimeout(CBanners.TimerHandle);

	CBanners.Running = false;

	CBanners.LoadImage(CBanners.Pos);
}

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

	CBanners.Running = false;

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

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

	CBanners.Running = false;

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

//-----------------------------------------------------------------------------
CBanners.OnInit = function(Data) {
	$("#BannersPagesLeft").bind("click", CBanners.Previous);
	$("#BannersPagesRight").bind("click", CBanners.Next);

	$("#BannersImage2").bind("click", function() {
		window.location.href = $("#BannersImage2").data("URL");
	});

	CBanners.Data = JSON.parse(Data);

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

	var NumItems	= 2 + (CBanners.Data.length);
	var NumWidth	= 20 + 2;

	var LeftX		= (380 / 2) - ((NumItems * NumWidth) / 2);
	var LastX		= LeftX + (NumWidth * (NumItems - 1));

	$("#BannersNumbers").append("<div class='BannersNumber' id='BannersNumberLeft' style='left: " + LeftX + "px; top: 0px;'>&lt;</div>");
	$("#BannersNumbers").append("<div class='BannersNumber' id='BannersNumberRight' style='left: " + LastX + "px; top: 0px;'>&gt;</div>");

	for(var i = 1;i <= CBanners.Data.length;i++) {
		if(i > 6) break;

		var X = LeftX + (NumWidth * i);
		var Y = 0;

		$("#BannersNumbers").append("<div class='BannersNumber' id='BannersNumber" + i + "' style='left: " + X + "px; top: " + Y + "px;'>" + i + "</div>");

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

	$("#BannersNumberLeft").bind("click", CBanners.Previous);
	$("#BannersNumberRight").bind("click", CBanners.Next);

	CBanners.Start();
}

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