var shownindex = 0;

        function openfoto(filenamepath, copyrights) {
            var imgcontrol = document.getElementById("imgPicture");
            var pcontrol = document.getElementById("pPicture");
            //imageFadeOut(imgcontrol);
            imgcontrol.src = filenamepath;
            var copyrightsStr = copyrights.replace("-accent-", "'");
            pcontrol.innerHTML = copyrightsStr;
            imageFadeIn(imgcontrol);
        }

        function scrollToPhoto(index) {
            var distance = 0;

            if (shownindex < index) {
                distance = (index - shownindex) * 420;
                Scroll('picturescontainer', -distance);
            }
            else {
                distance = (shownindex - index) * 420;
                Scroll('picturescontainer', distance);
            }

            shownindex = index;
            
        }
    
        function makeLarger(id) {
//            var makeWider = dojo.animateProperty(
//            {
//                node: id, duration: 500,
//                properties: {
//                    width: { start: 90, end: 100 },
//                    height: { start: 65, end: 70 }
//                }
//            });
//            makeWider.play();
        }

        function backToNormal(id) {
//            var makeNarrower = dojo.animateProperty(
//            {
//                node: id, duration: 500,
//                properties: {
//                    width: { start: 100, end: 90 },
//                    height: { start: 70, end: 65 }
//                }
//            });
//            makeNarrower.play();
        }

        function Scroll(controlId, distance) {
            // $("#" + controlId).marginLeft = $("#" + controlId).marginLeft + distance;
            var m = Number($("#" + controlId).css("margin-left").replace('px', ''));
            if (isNaN(m)) {
                $("#" + controlId).stop(true, true);
                $("#" + controlId).animate({ marginLeft: (distance) + "px" }, 1250);
            }
            else {
                $("#" + controlId).stop(true, true);
                $("#" + controlId).animate({ marginLeft: (m + distance) + "px" }, 1250);
            }

        }

        var pageIndex = 0;

        function ScrollThumbs(controlId, distance) {
            Scroll(controlId, distance);

            var btnp = document.getElementById("btnPrev");
            var btnn = document.getElementById("btnNext");
            var hfMax = document.getElementById("hfMaxPages");

            if (distance > 0) {
                pageIndex--;
                if (btnn != null) {
                    //btnn.style.display = "inline";
                    btnn.href = "javascript:ScrollThumbs('thumbpicturescontainer',-350);";
                    btnn.className = "buttonLeftRight";
                }

                if (pageIndex == 0) {
                    if (btnp != null) {
                        //btnp.style.display = "none";
                        btnp.href = "#";
                        btnp.className = "buttonLeftRightDis";
                    }
                }
                else {
                    if (btnp != null) {
                        //btnp.style.display = "inline";
                        btnp.href = "javascript:ScrollThumbs('thumbpicturescontainer',350);";
                        btnp.className = "buttonLeftRight";
                    }
                }
            }
            else {
                pageIndex++;
                if (hfMax != null) {
                    if ((pageIndex + 1) >= hfMax.value) {
                        if (btnn != null) {
                            //btnn.style.display = "none";
                            btnn.href = "#";
                            btnn.className = "buttonLeftRightDis";
                        }
                    }
                }

                if (btnp != null) {
                    //btnp.style.display = "inline";
                    btnp.href = "javascript:ScrollThumbs('thumbpicturescontainer',350);";
                    btnp.className = "buttonLeftRight";
                }

            }
        }

        var t;
        
        function StopScrolling() {
            clearInterval(t);
            var btnp = document.getElementById("btnPrev");
            var btnn = document.getElementById("btnNext");
            if (btnp != null && btnn != null) {
                btnp.className = "buttonLeftRightDis";
                btnn.className = "buttonLeftRightDis";
            }
        }

        function ScrollRight(controlId) {
            var btnn = document.getElementById("btnNext");
            if (btnn != null) {
                btnn.className = "buttonLeftRight";
            }
            clearInterval(t);
            ScrollThumbsMouseOn('thumbpicturescontainer', -100);
            t = setInterval("ScrollThumbsMouseOn('thumbpicturescontainer', -100)", 1250);    
        }

        function ScrollLeft(controlId) {
            var btnp = document.getElementById("btnPrev");
            if (btnp != null) {
                btnp.className = "buttonLeftRight";
            }
            clearInterval(t);
            ScrollThumbsMouseOn('thumbpicturescontainer', 100)
            t = setInterval("ScrollThumbsMouseOn('thumbpicturescontainer', 100)", 1250);    
        }
        
        function ScrollThumbsMouseOn(controlId, distance) {
            var btnp = document.getElementById("btnPrev");
            var btnn = document.getElementById("btnNext");
            var hfMax = document.getElementById("hfMaxPages");

            if (hfMax != null) {
                if ((pageIndex >= 0 && distance > 0) || (pageIndex <= hfMax.value && distance < 0)) {
                    Scroll(controlId, distance);
                    pageIndex = pageIndex - distance;
                }
                else {
                    StopScrolling();
                }
            }
        }

        function imageFadeOut(img) 
        {
          if ( document.all) 
          {
            img.opacity = 100;
            setOpacity(img.name, -5, 80);
          }
        }

        function imageFadeIn(img) 
        {
          if ( document.all) 
          {
            img.opacity = 0;
            setOpacity(img.name, 5, 80);
          }
        }

        function setOpacity (imgName, step, delay) 
        {
          var img = document.images[imgName];
          img.opacity += step;
          if (document.all) img.style.filter = 'alpha(opacity = ' + img.opacity + ')'; 
          if (step > 0 && img.opacity < 100 || step < 0 && img.opacity > 0)
            setTimeout('setOpacity("' + img.name + '",' + step + ', ' + delay + ')', delay);
        }