/**
	* @author lemonie
	*/
   /*global document, window, Image */
(function () {

    function init() {

        function imgChange() {
            var imgSrc;
            var img;

            if (this.src) {
                imgSrc = this.src;
                img = this;
            } else if (window.event.srcElement) {
                imgSrc = window.event.srcElement.src;
                img = window.event.srcElement;
            }

            var folder = imgSrc.substring(0, (imgSrc.lastIndexOf("/") + 1));
            var file = imgSrc.substring((imgSrc.lastIndexOf("/") + 1), imgSrc.length);

            if (file.substr(0, 2) === "h-") {
                file = file.substring(2, file.length);
                if (img.active === true) {
                    file = "a-" + file;
                }
                imgSrc = folder + file;
            } else {
                if (file.substr(0, 2) === "a-") {
                    img.active = true;
                    file = file.substring(2, file.length);
                }
                imgSrc = folder + "h-" + file;
            }
            if (this.src) {
                this.src = imgSrc;
            } else if (window.event.srcElement) {
                window.event.srcElement.src = imgSrc;
            }
        }

        if (window.addEventListener) {
            document.getElementById("home").addEventListener("mouseover", imgChange, false);
            document.getElementById("home").addEventListener("mouseout", imgChange, false);
            document.getElementById("bio").addEventListener("mouseover", imgChange, false);
            document.getElementById("bio").addEventListener("mouseout", imgChange, false);
            document.getElementById("plinks").addEventListener("mouseover", imgChange, false);
            document.getElementById("plinks").addEventListener("mouseout", imgChange, false);
            document.getElementById("contact").addEventListener("mouseover", imgChange, false);
            document.getElementById("contact").addEventListener("mouseout", imgChange, false);
            document.getElementById("ordering").addEventListener("mouseover", imgChange, false);
            document.getElementById("ordering").addEventListener("mouseout", imgChange, false);
            document.getElementById("whatsnew").addEventListener("mouseover", imgChange, false);
            document.getElementById("whatsnew").addEventListener("mouseout", imgChange, false);
            document.getElementById("commissions").addEventListener("mouseover", imgChange, false);
            document.getElementById("commissions").addEventListener("mouseout", imgChange, false);
            document.getElementById("feedback").addEventListener("mouseover", imgChange, false);
            document.getElementById("feedback").addEventListener("mouseout", imgChange, false);
            document.getElementById("gallery").addEventListener("mouseover", imgChange, false);
            document.getElementById("gallery").addEventListener("mouseout", imgChange, false);
        } else if (window.attachEvent) {
            document.getElementById("home").attachEvent("onmouseover", imgChange);
            document.getElementById("home").attachEvent("onmouseout", imgChange);
            document.getElementById("bio").attachEvent("onmouseover", imgChange);
            document.getElementById("bio").attachEvent("onmouseout", imgChange);
            document.getElementById("plinks").attachEvent("onmouseover", imgChange);
            document.getElementById("plinks").attachEvent("onmouseout", imgChange);
            document.getElementById("contact").attachEvent("onmouseover", imgChange);
            document.getElementById("contact").attachEvent("onmouseout", imgChange);
            document.getElementById("ordering").attachEvent("onmouseover", imgChange);
            document.getElementById("ordering").attachEvent("onmouseout", imgChange);
            document.getElementById("whatsnew").attachEvent("onmouseover", imgChange);
            document.getElementById("whatsnew").attachEvent("onmouseout", imgChange);
            document.getElementById("commissions").attachEvent("onmouseover", imgChange);
            document.getElementById("commissions").attachEvent("onmouseout", imgChange);
            document.getElementById("feedback").attachEvent("onmouseover", imgChange);
            document.getElementById("feedback").attachEvent("onmouseout", imgChange);
            document.getElementById("gallery").attachEvent("onmouseover", imgChange);
            document.getElementById("gallery").attachEvent("onmouseout", imgChange);
        }
    }

    function loadImages() {
        var i = 0;
        var dir = "graphics/";

        var images = [];
        images[0] = dir + "home.gif";
        images[1] = dir + "biography.gif";
        images[2] = dir + "links.gif";
        images[3] = dir + "contact.gif";
        images[4] = dir + "commissions.gif";
        images[5] = dir + "feedback.gif";
        images[6] = dir + "gallery.gif";
        images[7] = dir + "ordering.gif";
        images[8] = dir + "whatsnew.gif";
        images[9] = dir + "a-home.gif";
        images[10] = dir + "a-biography.gif";
        images[11] = dir + "a-links.gif";
        images[12] = dir + "a-contact.gif";
        images[13] = dir + "a-commissions.gif";
        images[14] = dir + "a-feedback.gif";
        images[15] = dir + "a-gallery.gif";
        images[16] = dir + "a-ordering.gif";
        images[17] = dir + "a-whatsnew.gif";
        images[18] = dir + "h-home.gif";
        images[19] = dir + "h-biography.gif";
        images[20] = dir + "h-links.gif";
        images[21] = dir + "h-contact.gif";
        images[22] = dir + "h-commissions.gif";
        images[23] = dir + "h-feedback.gif";
        images[24] = dir + "h-gallery.gif";
        images[25] = dir + "h-ordering.gif";
        images[26] = dir + "h-whatsnew.gif";

        var imageObj;

        for (i = 0; i < images.length; i++) {
            imageObj = new Image();
            imageObj.src = images[i];
        }
    }

    loadImages();

    if (window.addEventListener) {
        window.addEventListener("load", init, false);
    } else if (window.attachEvent) {
        window.attachEvent("onload", init);
    } else if (window.onload) {
        window.onload = init;
    }
})();