﻿(function ($) {
	$.fn.info = function (options) {
		var defaults = {
			path: "/images",
			data: []
		};
		var o = $.extend(defaults, options);

		return this.each(function (index) {
			var $this = $(this);

			var maxPosition = o.data.length;
			for (position = 0; position < maxPosition; position++) {
				var data = o.data[position];
				var $t = $("<div></div>");
				$this.append($t);
				$t.css("width", "150px");
				$t.css("height", "100px");
				$t.css("margin-top", "5px");
				$t.css("margin-bottom", "5px");
				$t.css("backgroundImage", "url(" + o.path + "/" + data.image + ")");
				$t.css("background-repeat", "no-repeat");
				$t.css("background-position", "center");
				$t.attr("title", data.tooltip);

				// Show the banner as clickable if there is a url or there is a codeArticle and quantity
				var clickable = false;
				if (data.url == undefined) {
					$t.removeData("url");
				} else {
					$t.data("url", data.url);
					clickable = true;
				}

				if (data.codeArticle == undefined || data.quantity == undefined) {
					$t.removeData("codeArticle");
					$t.removeData("quantity");
				} else {
					$t.data("codeArticle", data.codeArticle);
					$t.data("quantity", data.quantity);
					clickable = true;
				}
				if (data.code == undefined) {
					$t.removeData("code");
				} else {
					$t.data("code", data.code);
				}

				if (clickable) {
					$t.css("cursor", "pointer");
					$t.click(function () {
						var clicked = $(this);
						var url = clicked.data("url");
						var codeArticle = clicked.data("codeArticle");
						var quantity = clicked.data("quantity");
						var code = clicked.data("code");
						if (url != undefined) {
							window.open(url, "_blank");
						} else if (codeArticle != undefined && quantity != undefined) {
							addToCart(codeArticle, quantity, clicked, null, null, code);
						}
					});

				} else {
					$t.css("cursor", "default");
				}
			}

		});

	}
})(jQuery);


