﻿        <!--
        var tZoomLoaded;

        var oZoomImage = new Image();
        var arrMainImage = new Array;
        arrMainImage[0] = new Array("ProductMediaGallery/0_Standard.jpg", "ProductMediaGallery/0_Standard.jpg", "ProductMediaGallery/0_Standard.jpg", "Black");
        for (i = 0; i < arrMainImage.length; i++) {
            var preload = new Image();
            preload.src = arrMainImage[i][1];
        }

        var arrThumbImage = new Array;
        arrThumbImage[0] = new Array("ProductMediaGallery/0_Standard.jpg", "ProductMediaGallery/0_Standard.jpg", "ProductMediaGallery/0_Standard.jpg");


        for (i = 0; i < arrThumbImage.length; i++) {
            var preload = new Image();
            preload.src = arrThumbImage[i][1];
            preload.src = arrThumbImage[i][2];
        }

        for (i = 0; i < arrMainImage.length; i++) {
            var preload = new Image();
            preload.src = arrMainImage[i][1];
        }

        var tmpHolder = new Array


        function LoadTmpHolder(Colour, imgArray, imgThumbArray, strAppend) {

            var i;

            for (i = 0; i < imgArray.length; i++) {
                if (Colour == imgArray[i][3]) {
                    tmpHolder[0] = imgArray[i];
                }
            }

            if (imgThumbArray[0] != null) {
                tmpHolder[1] = imgThumbArray[0];
            }
            else {
                tmpHolder[1] = null;
            };

            if (imgThumbArray[1] != null) {
                tmpHolder[2] = imgThumbArray[1];
            }
            else {
                tmpHolder[2] = null;
            };

            if (imgThumbArray[2] != null) {
                tmpHolder[3] = imgThumbArray[2];
            }
            else {
                tmpHolder[3] = null;
            };
        }




        function ShowZoomImage(imagename) {
            if (tmpHolder[0] != null) {

                oZoomImage = new Image();
                oZoomImage.src = tmpHolder[0][2];

                mainImage = document.getElementById('imgMainImage')
                mainImageZoom = document.getElementById('dvMainImageZoom')
                mainImage.style.visibility = "hidden";
                mainImageZoom.style.visibility = "visible";
                mainImagePlusLink = document.getElementById('hypZoomPlus')
                mainImagePlusLink.href = "javascript:ShowXZoomImage('" + imagename + "');"
                mainImageMinusLink = document.getElementById('hypZoomMinus')
                mainImageMinusLink.href = "javascript:HideZoomImage('" + imagename + "');"

                imgZoomInSrc = document.getElementById('imgZoomIn')
                imgZoomOutSrc = document.getElementById('imgZoomOut')

                imgZoomInSrc.src = "images/plus_on.jpg"
                imgZoomOutSrc.src = "images/minus_on.jpg"
            }
            if (!oZoomImage.complete) {
                tZoomLoaded = setInterval(function() { checkZoomLoaded(imagename); }, '500');
            } else {
                checkZoomLoaded(imagename);
            }
        }

        function ShowXZoomImage(strAppend) {
            if (tmpHolder[0] != null) {

                oZoomImage = new Image();
                oZoomImage.src = tmpHolder[0][2];

                mainImageZoom = document.getElementById('dvMainImageZoom')
                mainImageZoom.onmouseover = "mouseCoordsXStart(event)";
                mainImagePlusLink = document.getElementById('hypZoomPlus')
                mainImageMinusLink = document.getElementById('hypZoomMinus')
                mainImageMinusLink.href = "javascript:ShowZoomImage('" + strAppend + "');"

                imgZoomInSrc = document.getElementById('imgZoomIn')
                imgZoomOutSrc = document.getElementById('imgZoomOut')

                imgZoomInSrc.src = "images/plus_off.jpg"
                imgZoomOutSrc.src = "images/minus_on.jpg"
            }
            if (!oZoomImage.complete) {
                tZoomLoaded = setInterval(function() { checkXZoomLoaded(strAppend); }, '500');
            } else {
                checkXZoomLoaded(strAppend);
            }
        }

        function getName(s) {
            var d = s.lastIndexOf('.');
            return s.substring(s.lastIndexOf('/') + 1, d < 0 ? s.length : d);
        }

        function checkXZoomLoaded(imagename) {
            if (oZoomImage.complete) {
                document.getElementById('dvMainImageZoom').innerHTML = '<img id="imgMainImageZoom" src="' + imagename + '"/>';
                clearTimeout(tZoomLoaded);
                setXZoom('dvMainImageZoom', 'imgMainImageZoom');
            }
        }

        function checkZoomLoaded(imagename) {

            if (oZoomImage.complete) {
                document.getElementById('dvMainImageZoom').innerHTML = '<img id="imgMainImageZoom" src="' + imagename + '"/>';
                clearTimeout(tZoomLoaded);
                setZoom('dvMainImageZoom', 'imgMainImageZoom');
            }
        }

        function HideZoomImage(strAppend) {

            if (strAppend && strAppend == '_popup') {
                mainImage = $('#imgMainImage_popup');
                mainImageZoom = $('#dvMainImageZoom_popup');
                zoomInLink = $('#hypZoomPlus_popup');
                zoomOutLink = $('#hypZoomMinus_popup');
                videoImageLink = $('#hypVideoImage_popup');
                dragImageLink = $('#ctl00_ContentMainPage_hypDragImage');
                mainImageBox = $('#dvMainImage_popup');
            }
            else {
                mainImage = document.getElementById('imgMainImage')
                mainImageZoom = document.getElementById('dvMainImageZoom')
            }
            mainImage.style.visibility = "visible";
            mainImageZoom.style.visibility = "hidden";
            mainImageMinusLink = document.getElementById('hypZoomMinus')
            imgZoomInSrc = document.getElementById('imgZoomIn')
            imgZoomOutSrc = document.getElementById('imgZoomOut')

            imgZoomInSrc.src = "images/plus_on.jpg"
            imgZoomOutSrc.src = "images/minus_off.jpg"

            imagename = document.getElementById('imgMainImage')
            imagename = (getName(imagename.src));

            mainImagePlusLink = document.getElementById('hypZoomPlus')
            mainImagePlusLink.href = "javascript:ShowZoomImage('" + strAppend + "');"
        }

        var imgZoom = null;
        var zoomContainer = null;
        var docPosition = null;

        function setZoom(ZoomContainer, ImgZoom) {
            imgZoom = document.getElementById(ImgZoom);
            zoomContainer = document.getElementById(ZoomContainer);
            docPosition = getPosition(zoomContainer);
            imgZoom.style.position = "absolute";
            imgZoom.style.cursor = "crosshair";
            imgZoom.onmousemove = setImagePostion;
            //imgZoom.style.left = 0 - (155) + 'px';
            //imgZoom.style.top = 0 - (160) + 'px';
            imgZoom.style.left = 0 - (19) + 'px';
            imgZoom.style.top = 0 - (55) + 'px';
        }

        function setXZoom(ZoomContainer, ImgZoom) {
            imgZoom = document.getElementById(ImgZoom);
            zoomContainer = document.getElementById(ZoomContainer);
            docPosition = getPosition(zoomContainer);
            imgZoom.style.position = "absolute";
            imgZoom.style.cursor = "crosshair";
            imgZoom.onmousemove = setImageXPostion;
            imgZoom.onload = setImageStartXPostion;
            imgZoom.style.left = 0 - (0) + 'px';
            imgZoom.style.top = 0 - (0) + 'px';
        }

        function setImageStartXPostion(ev) {

            ev = ev || window.event;

            var mousePos = mouseCoords(ev);

            setImageXPostion(ev);
        }

        function setImageXPostion(ev) {

            ev = ev || window.event;
            var mousePos = mouseCoords(ev);
            imgZoom.style.top = 0 - ((mousePos.y - docPosition.y) * 1.8) + 'px';
            imgZoom.style.left = 0 - ((mousePos.x - docPosition.x) * 1.8) + 'px';
        }

        function setImageStartPostion(ev) {

            ev = ev || window.event;

            var mousePos = mouseCoords(ev);

            setImagePostion(ev);
        }

        function setImagePostion(ev) {

            ev = ev || window.event;
            var mousePos = mouseCoords(ev);
            imgZoom.style.top = 0 - ((mousePos.y - docPosition.y) * 0.9) + 'px';
            imgZoom.style.left = 0 - ((mousePos.x - docPosition.x) * 0.9) + 'px';
        }

        function mouseCoords(ev) {

            if (!ev && window.event) {
                ev = window.event;
            }

            if (ev.pageX || ev.pageY) {
                return { x: ev.pageX, y: ev.pageY };
            }
            return {
                x: ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
                y: ev.clientY + document.documentElement.scrollTop - document.body.clientTop
            };
        }

        function mouseCoordsStart(ev) {
            var posX = 0;
            var posY = 0;

            if (!ev && window.event) {
                ev = window.event;
            }

            if (ev.pageX || ev.pageY) {
                posX = ev.pageX;
                posY = ev.pageY;
            }
            else {
                posX = ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
                posY = ev.clientY + document.documentElement.scrollTop - document.body.clientTop
            }
            imgZoom.style.top = 0 - ((posY - docPosition.y) * 0.9) + 'px';
            imgZoom.style.left = 0 - ((posX - docPosition.x) * 0.9) + 'px';
        }

        function mouseCoordsXStart(ev) {
            var posX = 0;
            var posY = 0;

            if (!ev && window.event) {
                ev = window.event;
            }

            if (ev.pageX || ev.pageY) {
                posX = ev.pageX;
                posY = ev.pageY;
            }
            else {
                posX = ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
                posY = ev.clientY + document.documentElement.scrollTop - document.body.clientTop
            }
            imgZoom.style.top = 0 - ((posY - docPosition.y) * 1.8) + 'px';
            imgZoom.style.left = 0 - ((posX - docPosition.x) * 1.8) + 'px';
        }

        function getPosition(obj) {
            var left = 0;
            var top = 0;

            if (obj.offsetParent) {

                while (obj != null) {
                    {
                        left += obj.offsetLeft + (obj.clientLeft == null ? 0 : obj.clientLeft);
                        top += obj.offsetTop + (obj.clientTop == null ? 0 : obj.clientTop);
                        obj = obj.offsetParent;
                    }
                }
            }
            return { x: left, y: top };
        }

        function mouseUp() {
            dragObject = null;
        }

        function SetMainImage(strAppend) {
            HideZoomImage(strAppend);
            mainImage = document.getElementById('imgMainImage')
            mainImagePlusLink = document.getElementById('hypZoomPlus')
            mainImageMinusLink = document.getElementById('hypZoomMinus')

            mainImage.src = "ProductMediaGallery/" + strAppend + "_standard.jpg";
            mainImagePlusLink.href = "javascript:ShowZoomImage('" + strAppend + "')";

            imgZoomInSrc = document.getElementById('imgZoomIn')
            imgZoomOutSrc = document.getElementById('imgZoomOut')

            imgZoomInSrc.src = "images/plus_on.jpg"
            imgZoomOutSrc.src = "images/minus_off.jpg"
        }
        //-->
