var currindex = 0; //current product
	var totalimg = 4; // total products
	
	var element = document.createElement("div");
	element.id = "hexa_products";
	element.style = "position: relative; width: 200px; height: 200px; padding: 0px; margin: 0px;";
	document.body.appendChild(element);
    // document.getElementById("all-products").appendChild(element);
	// var element = document.getElementById("all-products");
			// document.writeln("<div id=\"hexa_products\" style=\"position: relative; width: 200px; height: 200px; padding: 0px; margin: 0px;\">");
	
			// document.writeln("<a href=\"https://www.ip2location.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide\" target=\"_blank\" rel=\"noopener\">");
			// document.writeln("<img position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 3; id=\"hexa_products_img0\" src=\"//hexasoft.com.my/images/all-products/ip2location.png\" alt=\"\" />");
			// document.writeln("</a>");
			
			var linkElement = document.createElement("a");
			linkElement.href = "https://www.ip2location.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide";
			linkElement.target = "_blank";
			linkElement.rel = "noopener";
			var img = document.createElement("img");
			img.src = "//hexasoft.com.my/images/all-products/ip2location.png";
			 img.alt = "ip2location.png";
			 img.style = "position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 3;";
			 img.id += "hexa_products_img0";
			 // $(element).append(img);   
			 
			 linkElement.appendChild(img);
			 document.getElementById("hexa_products").appendChild(linkElement);
			 // document.getElementById("hexa_products").appendChild(img);
			 
		
			// document.writeln("<a href=\"https://www.mailboxvalidator.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide\" target=\"_blank\" rel=\"noopener\">");
			// document.writeln("<img position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1; id=\"hexa_products_img1\" src=\"//hexasoft.com.my/images/all-products/mailboxvalidator.png\" alt=\"\" />");
			// document.writeln("</a>");
			
			var linkElement = document.createElement("a");
			linkElement.href = "https://www.mailboxvalidator.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide";
			linkElement.target = "_blank";
			linkElement.rel = "noopener";
			var img = document.createElement("img");
			img.src = "//hexasoft.com.my/images/all-products/mailboxvalidator.png";
			 img.alt = "mailboxvalidator.png";
			 img.style = "position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1;";
			 img.id += "hexa_products_img1";
			 // $(element).append(img);   
			 
			 linkElement.appendChild(img);
			 document.getElementById("hexa_products").appendChild(linkElement);
			 // document.getElementById("hexa_products").appendChild(img);
			 
		
			// document.writeln("<a href=\"https://www.fraudlabspro.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide\" target=\"_blank\" rel=\"noopener\">");
			// document.writeln("<img position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1; id=\"hexa_products_img2\" src=\"//hexasoft.com.my/images/all-products/fraudlabspro.png\" alt=\"\" />");
			// document.writeln("</a>");
			
			var linkElement = document.createElement("a");
			linkElement.href = "https://www.fraudlabspro.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide";
			linkElement.target = "_blank";
			linkElement.rel = "noopener";
			var img = document.createElement("img");
			img.src = "//hexasoft.com.my/images/all-products/fraudlabspro.png";
			 img.alt = "fraudlabspro.png";
			 img.style = "position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1;";
			 img.id += "hexa_products_img2";
			 // $(element).append(img);   
			 
			 linkElement.appendChild(img);
			 document.getElementById("hexa_products").appendChild(linkElement);
			 // document.getElementById("hexa_products").appendChild(img);
			 
		
			// document.writeln("<a href=\"https://www.geodatasource.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide\" target=\"_blank\" rel=\"noopener\">");
			// document.writeln("<img position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1; id=\"hexa_products_img3\" src=\"//hexasoft.com.my/images/all-products/geodatasource.png\" alt=\"\" />");
			// document.writeln("</a>");
			
			var linkElement = document.createElement("a");
			linkElement.href = "https://www.geodatasource.com/?utm_source=hexasoft&utm_medium=banner&utm_campaign=hexasoft%20banner&utm_term=ipaddressguide";
			linkElement.target = "_blank";
			linkElement.rel = "noopener";
			var img = document.createElement("img");
			img.src = "//hexasoft.com.my/images/all-products/geodatasource.png";
			 img.alt = "geodatasource.png";
			 img.style = "position: absolute; width: 200px; height: 200px; padding: 0px; margin: 0px; border: 0px; z-index: 1;";
			 img.id += "hexa_products_img3";
			 // $(element).append(img);   
			 
			 linkElement.appendChild(img);
			 document.getElementById("hexa_products").appendChild(linkElement);
			 // document.getElementById("hexa_products").appendChild(img);
			 
		
	// document.writeln("</div>");
	
	// var node = document.getElementById("all-products");
	// node.appendChild();
	// document.getElementById("all-products").appendChild("helloworld");
	// var element = document.createElement("div");
	// element.id = "hexa_products2";
	// element.style = "position: relative; width: 200px; height: 200px; padding: 0px; margin: 0px;";
    // element.appendChild(document.createTextNode("The man who mistook his wife for a hat"));
    // document.getElementById("all-products").appendChild(element);

	(function(window, document, version, callback) {
		var j, d;
		var loaded = false;
	
		if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) {
			var script = document.createElement("script");
			script.type = "text/javascript";
			// script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js";
			// script.src = "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js";
			script.src = "//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";
			script.onload = script.onreadystatechange = function() {
				if (!loaded && (!(d = this.readyState) || d == "loaded" || d == "complete")) {
					callback((j = window.jQuery).noConflict(1), loaded = true);
					j(script).remove();
				}
			};
			document.documentElement.childNodes[0].appendChild(script)
		}
	})
	(window, document, "1.7.2", function($, jquery_loaded) {
		$(document).ready(function() {
			var interval = 5; //seconds

			function cycleImages(){
				var active = $("#hexa_products_img" + currindex);

				currindex++;
				if (currindex >= totalimg) currindex = 0;
				
				var next = $("#hexa_products_img" + currindex);
				next.css("z-index", 2); //bring next one up 1 level

				active.fadeOut(1500, function(){ //fade out the top image
					active.css("z-index", 1).show(); //reset the z-index
					next.css("z-index", 3); //make the next image the top one
				});
			}
			
			if (totalimg > 1) setInterval(cycleImages, interval * 1000);
		});
	});