// Banner Rotator - v1.1 - Copyright Webfibre 2010
// Created: 18/12/2009 - Hand crafted the old fashioned way!
// Updated: 27/12/2009 - Added overlays.
var strBasePath = "/media/images/layout/home/";
var aryBanners = new Array("banner01.jpg", "banner02.jpg", "banner03.jpg", "banner04.jpg", "banner05.jpg");
var aryTabsOn = new Array("banner01_tab_on", "banner02_tab_on", "banner03_tab_on", "banner04_tab_on", "banner05_tab_on");
var aryTabsOff = new Array("banner01_tab_off", "banner02_tab_off", "banner03_tab_off", "banner04_tab_off", "banner05_tab_off");
var aryOverlayOn = new Array("overlay_on", "overlay_on", "overlay_on");
var aryOverlayOff = new Array("overlay_off", "overlay_off", "overlay_off");
var aryLinks = new Array("/content/public/Products/RolandVS640.aspx", "/content/public/products/XC540MT.aspx", "/content/public/products/SP540i300i.aspx", "/content/public/products/LEC330.aspx", "/content/public/products/MPX90.aspx");
var aryAltText = new Array("1 machine, 3 possibilities. The all-new VersaCAMM VS-640", "The revolution is here...the Roland SolJet XC-540MT", "Doube Double on Roland VersaCAMM SP-i printer/cutters", "Stand out from the crowd. VersaUV Print & Cut LEC-330", "Photo impact engraving just got bigger and better with the new Metaza MPX-90");
var intPause = new Number(8000);
var intFadeOutPause = new Number(1000);
var intMaxInterations = new Number(20);
var intBannerWidth = new Number(960);
var blnUseDynamicBotShadow = true;
var strBannerCss = "imgDefault";
var strTabsCss = "imgDefaultLeft";
var strOverlayCss = "imgDefaultLeft";

// Do not alter these vars.
var timerMain = new Array();var timerBanner = new Array();var timerFadeOut = new Array();var intBannerCounter = 0;var IE6 = false; if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { var ieVersion = new Number(RegExp.$1); if (ieVersion > 6) { if (intFadeOutPause != 0) { intFadeOutPause += 200 }; }else if (ieVersion <= 6) { IE6 = true; if (intFadeOutPause != 0) { intFadeOutPause += 200 }; } }
function setOpacity(obj, opacity) { opacity = (opacity == 100) ? 99.999 : opacity; obj.style.filter = "alpha(opacity:" + opacity + ")"; obj.style.KHTMLOpacity = opacity / 100; obj.style.MozOpacity = opacity / 100; obj.style.opacity = opacity / 100; }
function fadeIn(objId, opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 5; window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 50); } } }
function fadeOut(objId, opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity >= 0) { setOpacity(obj, opacity); opacity -= 5; window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 50); } } }
function initBanners() { if (aryBanners.length == 0) { alert("Please specify an array of banners in aryBanners"); return false; } startBanners(0); for (var x = 1; x < intMaxInterations; ++x) { timerMain[x] = setTimeout("startBanners(0);", (intPause * aryBanners.length) * x); } setTimeout("rotateBanners(0);", (intPause * aryBanners.length) * intMaxInterations);}
function renderTabs() {var bannerImage = document.getElementById("bannerImage"); var bannerTabs = document.getElementById("bannerTabs"); var bannerOverlay = document.getElementById("bannerOverlay"); var bannerSpacer = document.getElementById("bannerSpacer"); var strFileEx = ".png"; var strHtml = new String; if (bannerImage == null) { alert("Please specify a div tag titled 'bannerImage' to hold the banner images."); return false } if (IE6) { strFileEx = ".gif" } if (bannerTabs != null) { for (var x = 0, intLength = aryTabsOff.length; x < intLength; x++) { bannerTabs.innerHTML += "<a id='lnkTab_'" + x + "' onclick='JavaScript:clickItem(" + x + ", \"tabs\");' style='cursor:pointer; cursor:hand'><img id='imgTabBanner" + x + "' class='" + strTabsCss + "' src='" + strBasePath + aryTabsOff[x] + strFileEx + "' alt='' /></a>"; } if (blnUseDynamicBotShadow) { setTimeout(renderTabShadow, 500); } } if (bannerOverlay != null) { for (var x = 0, intLength = aryOverlayOff.length; x < intLength; x++) { bannerOverlay.innerHTML += "<a id='lnkOverlay_'" + x + "' onclick='JavaScript:clickItem(" + x + ", \"overlay\");' style='cursor:pointer; cursor:hand'><img id='imgOverlayBanner" + x + "' class='" + strOverlayCss + "' src='" + strBasePath + aryOverlayOff[x] + strFileEx + "' alt='' /></a>"; } } }
function renderTabShadow() {var bannerTabs = document.getElementById("bannerTabs"); var bannerSpacer = document.getElementById("bannerSpacer"); var strFileEx = ".png"; if (IE6) { strFileEx = ".gif" }bannerSpacer.style.background = "url(/media/images/layout/home/banner_tab_background" + strFileEx + ") repeat-x"; bannerSpacer.style.width = (intBannerWidth - bannerTabs.offsetWidth) + "px"}
function startBanners(intStartPos) {for (var i = intStartPos, len = aryBanners.length; i < len; ++i) {timerBanner[intBannerCounter] = setTimeout("rotateBanners(" + i + ")", ((intPause * i))); if (intFadeOutPause != 0) { timerFadeOut[intBannerCounter] = setTimeout("fadeOut(\"imgBanner\", 100)", ((intPause * (i + 1)) - intFadeOutPause)); }intBannerCounter++;}}
function rotateBanners(intAryPos) {var bannerImage = document.getElementById("bannerImage"); var imgActiveTab = document.getElementById("imgTabBanner" + intAryPos); var imgActiveOverlay = document.getElementById("imgOverlayBanner" + intAryPos); var strFileEx = ".png"; var strHtml = new String; if (bannerImage == null) { alert("Please specify a div tag titled 'bannerImage' to hold the banner images."); return false }if (IE6) { strFileEx = ".gif" }strHtml = "<a id='lnkBanner' href='" + aryLinks[intAryPos] + "' onclick='JavaScript:clearTimeouts();'>"; strHtml += "<img id='imgBanner' class='" + strBannerCss + "' src='" + strBasePath + aryBanners[intAryPos] + "' alt='" + aryAltText[intAryPos] + "' />"; strHtml += "</a>"; bannerImage.innerHTML = strHtml; if (imgActiveTab != null) {for (var x = 0, intLength = aryTabsOff.length; x < intLength; x++) { var imgTab = document.getElementById("imgTabBanner" + x); imgTab.src = strBasePath + aryTabsOff[x] + strFileEx; }imgActiveTab.src = strBasePath + aryTabsOn[intAryPos] + strFileEx;}if (imgActiveOverlay != null) {for (var x = 0, intLength = aryOverlayOff.length; x < intLength; x++) { var imgOverlay = document.getElementById("imgOverlayBanner" + x); imgOverlay.src = strBasePath + aryOverlayOff[x] + strFileEx; }imgActiveOverlay.src = strBasePath + aryOverlayOn[intAryPos] + strFileEx;}fadeIn("imgBanner", 0);}
function clickItem(intItemId, strType) {var lnkBanner = document.getElementById("lnkBanner"); var imgBanner = document.getElementById("imgBanner"); var imgActiveTab = document.getElementById("imgTabBanner" + intItemId); var imgActiveOverlay = document.getElementById("imgOverlayBanner" + intItemId); var strFileEx = ".png"; clearTimeouts(); if (IE6) { strFileEx = ".gif" }switch (strType) {case "tabs": for (var x = 0, intLength = aryTabsOff.length; x < intLength; x++) { var imgTab = document.getElementById("imgTabBanner" + x); imgTab.src = strBasePath + aryTabsOff[x] + strFileEx; }imgActiveTab.src = strBasePath + aryTabsOn[intItemId] + strFileEx; break; case "overlay": for (var x = 0, intLength = aryOverlayOff.length; x < intLength; x++) { var imgTab = document.getElementById("imgOverlayBanner" + x); imgTab.src = strBasePath + aryOverlayOff[x] + strFileEx; }imgActiveOverlay.src = strBasePath + aryOverlayOn[intItemId] + strFileEx; break;}lnkBanner.href = aryLinks[intItemId]; imgBanner.src = strBasePath + aryBanners[intItemId]; imgBanner.alt = aryAltText[intItemId];}
function clearTimeouts() {clearTimeout(timerBanner); clearTimeout(timerMain); clearTimeout(timerFadeOut); for (key in timerBanner) { clearTimeout(timerBanner[key]); }for (key in timerMain) { clearTimeout(timerMain[key]); }for (key in timerFadeOut) { clearTimeout(timerFadeOut[key]); }}