var Gallery = new Object();
Gallery.Arrow = new Object();
Gallery.ImagePerSlide = 3;
Gallery.ImageWidth = 72;
Gallery.ImageMargin = 52;
Gallery.SlideAmount = 60;
Gallery.SlideDelay = 20;
Gallery.IsSliding = false;
Gallery.SlideBar = document.getElementById('SlideBar');
Gallery.SlidingPane = document.getElementById('SlidingPane');
Gallery.SlidingPanePosition = 0;
Gallery.Images = Gallery.SlidingPane.getElementsByTagName('IMG');
Gallery.Arrow.Previous = document.getElementById('SlideLeftArrow');
Gallery.Arrow.Previous.IsEnabled = function() {
if (Gallery.Arrow.Previous.style.backgroundImage.indexOf('/scroll-left.png') != -1 && !Gallery.IsSliding) return true;
    else return false;
}
Gallery.Arrow.Next = document.getElementById('SlideRightArrow');
Gallery.Arrow.Next.IsEnabled = function() {
if (Gallery.Arrow.Next.style.backgroundImage.indexOf('/scroll-right.png') != -1 && !Gallery.IsSliding) return true;
    else return false;
}
Gallery.MoveToRight = function(NextPosition) {
    Gallery.SlidingPanePosition = (Gallery.SlidingPanePosition - Gallery.SlideAmount < NextPosition) ? NextPosition : Gallery.SlidingPanePosition - Gallery.SlideAmount;
    Gallery.SlidingPane.style.right = Gallery.SlidingPanePosition + 'px';
    if (Gallery.SlidingPanePosition > NextPosition) {
        window.setTimeout('Gallery.MoveToRight(' + NextPosition + ')', Gallery.SlideDelay);
    } else {
    if (Gallery.Arrow.Next.style.backgroundImage.indexOf('/scroll-right.png') == -1) Gallery.Arrow.Next.style.backgroundImage = 'url(/Fa/Images/scroll-right.png)';
        var DisplayWidth = (Gallery.ImageWidth + Gallery.ImageMargin) * Gallery.ImagePerSlide;
        if (DisplayWidth - Gallery.SlidingPanePosition == parseInt(Gallery.SlidingPane.offsetWidth)) Gallery.Arrow.Previous.style.backgroundImage = 'url(/Fa/Images/scroll-left-off.png)';
        var TopImageIndex = -Gallery.ImagePerSlide * (Gallery.SlidingPanePosition / DisplayWidth - 1) - 1;
        for (var i = 0; i < Gallery.ImagePerSlide; i++) {
            if (Gallery.Images[TopImageIndex - i]) Gallery.Images[TopImageIndex - i].src = Gallery.Images[TopImageIndex - i].className;
        }
        Gallery.IsSliding = false;
    }
}
Gallery.MoveToLeft = function(NextPosition) {
    Gallery.SlidingPanePosition = (Gallery.SlidingPanePosition + Gallery.SlideAmount > NextPosition) ? NextPosition : Gallery.SlidingPanePosition + Gallery.SlideAmount;
    Gallery.SlidingPane.style.right = Gallery.SlidingPanePosition + 'px';
    if (Gallery.SlidingPanePosition < NextPosition) {
        window.setTimeout('Gallery.MoveToLeft(' + NextPosition + ')', Gallery.SlideDelay);
    } else {
    if (Gallery.Arrow.Previous.style.backgroundImage.indexOf('/Fa/Images/scroll-left.png') == -1) Gallery.Arrow.Previous.style.backgroundImage = 'url(/Fa/Images/scroll-left.png)';
        if (Gallery.SlidingPanePosition == 0) Gallery.Arrow.Next.style.backgroundImage = 'url(/Fa/Images/scroll-right-off.png)';
        Gallery.IsSliding = false;
    }
}
Gallery.Init = function() {
    var Arrow1 = new Object();
    Arrow1.src = '/Fa/Images/scroll-right.png';
    var Arrow2 = new Object();
    Arrow2.src = '/Fa/Images/scroll-left.png';
    var Loaing = new Object();
    Loaing.src = '/Images/Loading.png';
    Gallery.SlidingPane.style.width = ((Gallery.ImageWidth + Gallery.ImageMargin) * Math.ceil(Gallery.Images.length / Gallery.ImagePerSlide) * Gallery.ImagePerSlide) + 'px';
    if (Gallery.Images.length > Gallery.ImagePerSlide) {
        Gallery.Arrow.Previous.style.backgroundImage = 'url(/Fa/Images/scroll-left.png)';
    }
    for (var i = 0; i < Gallery.ImagePerSlide; i++) {
        if (Gallery.Images[i]) Gallery.Images[i].src = Gallery.Images[i].className;
    }
    Gallery.Arrow.Previous.onfocus = function() { this.blur(); }
    Gallery.Arrow.Previous.onclick = function() {
        if (!Gallery.Arrow.Previous.IsEnabled()) return false;
        Gallery.IsSliding = true;
        Gallery.MoveToRight(Gallery.SlidingPanePosition - (Gallery.ImageWidth + Gallery.ImageMargin) * Gallery.ImagePerSlide);
        return false;
    }
    Gallery.Arrow.Next.onfocus = function() { this.blur(); }
    Gallery.Arrow.Next.onclick = function() {
        if (!Gallery.Arrow.Next.IsEnabled()) return false;
        Gallery.IsSliding = true;
        Gallery.MoveToLeft(Gallery.SlidingPanePosition + (Gallery.ImageWidth + Gallery.ImageMargin) * Gallery.ImagePerSlide);
        return false;
    }
}
Gallery.Init();