// store previous onload events.
var p = window.onload;
window.onload = clearThumbAnchors;

function changeImage(id, src, caption, height, width) {
    if (null == src) {
        return false;
    }

    obj = document.getElementById('main-image');

    if (null != obj) {
        obj.height  = height;
        obj.width   = width;
        obj.src     = src;
    }

    captionNode = document.getElementById('caption-panel');

    if (null != captionNode) {
        for (i = 0; i < captionNode.childNodes.length; i++) {
            if (3 == captionNode.childNodes[i].nodeType) {
                node = document.createTextNode(caption);
                captionNode.replaceChild(node, captionNode.childNodes[i]);
            }
        }
    }

    clearThumbHighlight();

    thumbNode = document.getElementById(id);
    thumbNode.style.border = '2px solid #CC9833';

    return true;
}

function clearThumbHighlight() {
    nodes = document.getElementsByTagName('img');

    for (i = 0; i < nodes.length; i++) {
        id = nodes[i].getAttribute('id');

        if (null != id && -1 != id.search('thumb-')) {
            nodes[i].style.border = '2px solid black';
        }
    }
}

function clearThumbAnchors() {
    // call previous onload events.
    if (p != null) {
        p();
    }
    nodes = document.getElementsByTagName('img');

    for (i = 0; i < nodes.length; i++) {
        id = nodes[i].getAttribute('id');

        if (null != id && -1 != id.search('thumb-')) {
            linkNode = nodes[i].parentNode;

            if (null != linkNode && linkNode.tagName == 'A') {
                outerNode = linkNode.parentNode;

                if (null != outerNode) {
                    outerNode.replaceChild(nodes[i], linkNode);
                }
            }
        }
    }
}

function jumpToButton(direction) {
	var currentPosition = parseInt(document.getElementById('gallery-current-image').value);
	var totalImages = parseInt(document.getElementById('gallery-total').value);
	var newPosition = currentPosition;
	if(direction == 'forward') {
		if(currentPosition >= totalImages-1) {
			newPosition = 0;
		} else {
			newPosition = currentPosition+1;
		}
	} else {
		if(currentPosition == 0) {
			newPosition = totalImages-1;
		} else {
			newPosition = currentPosition-1;
		}
	}
	document.getElementById('gallery-image-'+newPosition).style.display = '';
	document.getElementById('caption-panel-'+newPosition).style.display = '';
	document.getElementById('gallery-image-'+currentPosition).style.display = 'none';
	document.getElementById('caption-panel-'+currentPosition).style.display = 'none';
	document.getElementById('gallery-current-image').value = newPosition;
}