var activePage = 0;
var allPages = 0
var Pages;
function galleryInit() {
    Pages = document.getElementById("Gallery_Controls_Container").getElementsByTagName("ul");
    allPages = Pages.length;
}

function swapGalleryPage(pageNumber, pageBtn) {
    var allPageBtns = document.getElementById("pages_container").getElementsByTagName("a");
    var i;
    for (i = 0; i < Pages.length; i++) {
        Pages[i].className = Pages[i].className.replace("page_on", "page_off")
        allPageBtns[i].className = allPageBtns[i].className.replace("on", "off")
        if (i == pageNumber) {
            Pages[i].className = Pages[i].className.replace("page_off", "page_on")
            allPageBtns[i].className = allPageBtns[i].className.replace("off", "on")
            activePage = i;
        }
    }
}

function galleryPrev() {
    galleryPage("-");
}
function galleryNext() {
    galleryPage("+");
}
function galleryPage(direction) {
    var desinationPage = activePage;
    if (direction == "+") {
        if (activePage + 1 > allPages - 1) {
            return;
        }
        else {
            desinationPage = activePage + 1
        }
    }
    else {
        if (activePage - 1 < 0) {
            return;
        }
        else {
            desinationPage = activePage - 1
        }
    }
    swapGalleryPage(desinationPage, "");
}

function resetGallery() {
    var allLargeImages = document.getElementById("Large_Image_Container").getElementsByTagName("img");
    var allZoomButtons = document.getElementById("Zoom_Container").getElementsByTagName("a");
    /*var allDescriptions = document.getElementById("Gallery_Description_Container").getElementsByTagName("p");*/
    var allControls = document.getElementById("Gallery_Controls_Container").getElementsByTagName("a");

    var i;
    for (i = 0; i < allLargeImages.length; i++) {
        allLargeImages[i].style.display = "none";
    }
    var j;
    for (i = 0; i < allZoomButtons.length; i++) {
        allZoomButtons[i].style.display = "none";
    }
    /*var k;
    for (i = 0; i < allDescriptions.length; i++) {
        allDescriptions[i].style.display = "none";
    }*/
    var l;
    for (i = 0; i < allControls.length; i++) {
        allControls[i].className = "off";
    }
    return;
}
function swapGalleryImage(imageName) {
    // reset the gallery
    resetGallery();

    // turn relative controls on
    document.getElementById("image_" + imageName).style.display = "block";
    document.getElementById("zoom_" + imageName).style.display = "block";
    /*document.getElementById("description_" + imageName).style.display = "block";*/
    document.getElementById("control_" + imageName).className = "on";
}


function opacity(OrigSite, opacStart, opacEnd, millisec) {

    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + OrigSite + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + OrigSite + "')", (timer * speed));
            timer++;
        }
    }
}

function changeOpac(opac, OrigId) {
    var object = document.getElementById(OrigId).style;

    if (opac == "0") {

        var AllSitesContainer = document.getElementById("webdesign-web-design_related_sites_container_inner");
        var AllSites = AllSitesContainer.getElementsByTagName("a");
        var i;
        for (i = 0; i < AllSites.length; i++) {
            AllSites[i].style.display = "none";
        }
        OrigId = CurrentSite;
        opacity(OrigId, 1, 100, 300);
        document.getElementById(CurrentSite).style.display = "block";
    }

    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opac + ")";

}