function GetSrc(event)
{
    var e;
	
    if (window.event != null) {
	e = window.event.srcElement;	
    }
    else {
	var e = event.target;
        while(e.nodeType != e.ELEMENT_NODE)
	    e = e.parentNode;
    }

    return e;
}

function GetText(element)
{
    var innerText;

    if (element.innerText != null) {
        innerText = element.innerText;
    }
    else {
        innerText = element.textContent;
    }

    return innerText;
}

function clickIt(event)  
{
    var e = GetSrc(event);

    var innerText = GetText(e);


    if (innerText == "Blog") {
        window.open("http://justbecausestudios.blogspot.com/");
    }
    else if (innerText == "Proofs") {
        window.open("http://www.just-because.com/OnlineViewing/");
    }
    else if (innerText == "Home") {
        self.location = "JustBecauseStudios.html";
    }
    else {
        self.location = innerText + ".html";
    }
}

function clickItGallery(event) {

    var e = document.getElementById("galleryContent");
    var eventSrc = GetSrc(event);
    var innerText = GetText(eventSrc);

    e.src = "Galleries/" + innerText + "/" + innerText + "-1.html";

    var galleries = eventSrc.parentNode.childNodes;

    if (galleries.length) {
        for (var i = 0; i < galleries.length; i++) {
            var gallery = galleries[i];
            gallery.className = "unselectedGallery";
        }
    }
    
    eventSrc.className = "selectedGallery";    
}

function showIt(event, name) {
    var divs = document.getElementById("content").getElementsByTagName("div");

    if (divs.length) {
        for (var iDiv = 0; iDiv < divs.length; iDiv++) {
            var div = divs[iDiv];

            if (div.id == name) {
                div.style.visibility = "visible";
                div.style.height = "auto";
            }
            else {
                div.style.visibility = "hidden";
                div.style.height = "0px";
            }
        }
    }

    var e = GetSrc(event);

    var trs = e.parentNode.parentNode.getElementsByTagName("tr");

    if (trs.length) {
        for (var i = 0; i < trs.length; i++) {
	    var tr = trs[i];

            for (var j = 0; j < trs.length; j++) {
                var tds = tr.getElementsByTagName("td");
                            
                var cell = tds[0];

                if (cell == e) {
                    cell.className = "selected2";
                }
                else {
                    cell.className = "unselected2";
                }
            }
        }
    }
}

function enter(event) {
    var e = GetSrc(event);
    e.style.textDecoration = "underline";
}

function leave(event) {
    var e = GetSrc(event);
    e.style.textDecoration = "none";
}