﻿
        var targetScroll = 0;


        function onLoadProc() {
        }

        function updateNextPrev() {
            if (document.getElementById("artItemsWall") != null) {
                document.getElementById("galleryScrollRight").style.display = (parseInt(document.getElementById("artItemsWall").style.width, 10) > (getScreenWidth() - (parseInt(document.getElementById("artItemsWall").style.left,10)))) ? "block" : "none";
                document.getElementById("galleryScrollLeft").style.display = (parseInt(document.getElementById("artItemsWall").style.left, 10) < 0) ? "block" : "none";
                document.getElementById("galleryScrollRight").style.left = (getScreenWidth() - 80).toString() + "px";
                document.getElementById("galleryScrollLeft").style.left = "0px";
                //document.getElementById("headerTable").style.width = (Math.round(((getScreenWidth()) - (getScreenWidth() / 10)))-220) + "px";
            }
        }

        function openGalleryMenu(obj,evt) {
            var o = document.getElementById("galleryMenu");
            o.style.top = "80px";
            o.style.left = "0px";
            if (window.event!=null)
                window.event.cancelBubble = true;
            else {
                evt.cancelBubble = true;
                evt.stopPropagation();
            }
            return false;
        }
        
        function hideGalleryMenu() {
            var o = document.getElementById("galleryMenu");
            o.style.top = "-2000px";
        }

        function getScreenWidth() {
            if (parseInt(navigator.appVersion) > 3) {
                if (navigator.appName == "Netscape") {
                    return window.innerWidth - 16;
                }
                if (navigator.appName.indexOf("Microsoft") != -1) {
                    return document.body.offsetWidth - 20;
                    
                }
            }
        }

        function scrollGallery(direction) {
            var tmp_artItemsWall_left = parseInt(document.getElementById("artItemsWall").style.left, 10);
            var tmp_artItemsWall_width = parseInt(document.getElementById("artItemsWall").style.width, 10);

            if (targetScroll == 0) {
                targetScroll = (parseInt(document.getElementById("artItemsWall").style.left, 10) + ((getScreenWidth() - Math.ceil((getScreenWidth() / 4))) * direction));
                if (targetScroll == 0) {
                    targetScroll = 1;
                }
                if (targetScroll > 100) {
                    targetScroll = 100;
                }

                if (targetScroll < ((tmp_artItemsWall_width * -1) + (getScreenWidth())) - 100) {
                    targetScroll = ((tmp_artItemsWall_width * -1) + (getScreenWidth())) - 100;
                }
            }
            if (targetScroll != (parseInt(document.getElementById("artItemsWall").style.left, 10))) {
                var diff = (parseInt(document.getElementById("artItemsWall").style.left)) - targetScroll;
                diff = diff / 5;
                diff = Math.ceil(diff);
                if (diff == 1 || diff == -1) {
                    targetScroll = 0;
                    if (parseInt(document.getElementById("artItemsWall").style.left, 10) > 1) {
                        document.getElementById("galleryScrollLeft").style.display = "none";
                    }
                    else {
                        document.getElementById("galleryScrollLeft").style.display = "block";
                    }
                    updateNextPrev();
                    return;
                }
                
                var bgposTxt = document.getElementsByTagName("BODY")[0].style.backgroundPosition.toString().substring(0, document.getElementsByTagName("BODY")[0].style.backgroundPosition.toString().indexOf("px"));
                if (bgposTxt == "")
                {
                    bgposTxt = "0";
                }
                var bgpos = parseInt(bgposTxt, 10);
                document.getElementById("artItemsWall").style.left = ((parseInt(document.getElementById("artItemsWall").style.left)) - diff) + "px";
                document.getElementById("galleryScrollRight").style.left = ((parseInt(document.getElementById("galleryScrollRight").style.left)) - Math.ceil(diff * 1.3)) + "px";
                document.getElementById("galleryScrollLeft").style.left = ((parseInt(document.getElementById("galleryScrollLeft").style.left)) - Math.ceil(diff * 1.3)) + "px";
                document.getElementsByTagName("BODY")[0].style.backgroundPosition = (bgpos - Math.ceil(diff*1.1)) + "px center";

                if ( tmp_artItemsWall_left < ((tmp_artItemsWall_width*-1) + (getScreenWidth())) ) {
                    document.getElementById("galleryScrollRight").style.display = "none";
                }
                else {
                    document.getElementById("galleryScrollRight").style.display = "block";
                }
                document.getElementById("galleryScrollLeft").style.display = "none";
                document.getElementById("galleryScrollRight").style.display = "none";
                setTimeout("scrollGallery(" + direction + ")", 5);
            }
            else {
                targetScroll = 0;
                if (parseInt(document.getElementById("artItemsWall").style.left, 10) > 1) {
                    document.getElementById("galleryScrollLeft").style.display = "none";
                }
                else {
                    document.getElementById("galleryScrollLeft").style.display = "block";
                }
                updateNextPrev();
            }

        }

        function BlockMove(event) {
            event.preventDefault();
        }

        function SetInitialOffset(i, id) {
            document.getElementById("artItemsWall").style.left = Math.round((i + (getScreenWidth() / 2))) + "px";
            updateNextPrev();
            HighlightItem(id);
        }

        function HighlightItem(id) {
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemHighlighted';", 200);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemNormal';", 400);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemHighlighted';", 600);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemNormal';", 800);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemHighlighted';", 1000);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemNormal';", 1200);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemHighlighted';", 1400);
            setTimeout("document.getElementById('Item_" + id + "').className = 'itemNormal';", 1600);
        }
