﻿var interval;

function displayFullImage(sender) {
    var fullImage = document.getElementById("FullImage");

    clearImages();

    fullImage.style.display = "inline";
    fullImage.src = sender.src;
    fullImage.title = sender.title;
    sender.className = "itemImageHover";
}

function clearImages() {
    var rpt = document.getElementById("divRepeater");
    var rptItems = rpt.getElementsByTagName("img");

    if (rptItems != null && rptItems.length > 0) {
        for (var i = 0; i < rptItems.length; i++) {
            rptItems[i].className = "itemImage";
        }
    }
}

function mouseBehavior(sender, persistClass) {
    if (!persistClass) {
        var fullImage = document.getElementById("FullImage");

        if (fullImage.src != sender.src) {
            sender.className = sender.className == "itemImage" ? "itemImageHover" : "itemImage";
        }
    }
    else {
        sender.className = "itemImageHover";
    }
}

function scrollDivLeft(scrollingSpeed, keepScrolling) {
    if (keepScrolling) {
        stopScrolling();
    }

    interval = setInterval("delayScrollDivLeft(" + scrollingSpeed + ")", 10);
}

function delayScrollDivLeft(scrollingSpeed) {
    var rpt = document.getElementById("divRepeater");
    rpt.scrollLeft = rpt.scrollLeft + scrollingSpeed;
}

function scrollDivRight(scrollingSpeed, keepScrolling) {
    if (keepScrolling) {
        stopScrolling();
    }

    interval = setInterval("delayScrollDivRight(" + scrollingSpeed + ")", 10);
}

function delayScrollDivRight(scrollingSpeed) {
    var rpt = document.getElementById("divRepeater");
    rpt.scrollLeft = rpt.scrollLeft - scrollingSpeed;
}

function stopScrolling() {
    clearInterval(interval);
}

function showDetails(imgId, detailId) {
    var img = document.getElementById(imgId);
    var detail = document.getElementById(detailId);

    detail.style.display = detail.style.display == "none" ? "inline" : "none";
    img.src = detail.style.display == "none" ? "../Images/App/rightArrow.gif" : "../Images/App/downArrow.gif";

    return false;
}
