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

    function init2() {

        // Orignally from http://www.public.iastate.edu/~jastruss/js.html
        function toggleMenu(currMenu, currImg) {
            var thisImg;
            var thisMenu;

            if (document.getElementById) {
                thisMenu = document.getElementById(currMenu).style;
                thisImg = document.getElementById(currImg);
                if (thisMenu.display === "block") {
                    thisMenu.display = "none";
                    thisImg.active = false;
                } else {
                    thisMenu.display = "block";
                    thisImg.active = true;
                }
                return false;
            } else {
                return true;
            }
        }
        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("style").addEventListener("mouseover", imgChange, false);
            document.getElementById("style").addEventListener("mouseout", imgChange, false);
            document.getElementById("medium").addEventListener("mouseover", imgChange, false);
            document.getElementById("medium").addEventListener("mouseout", imgChange, false);
            document.getElementById("subject").addEventListener("mouseover", imgChange, false);
            document.getElementById("subject").addEventListener("mouseout", imgChange, false);
            document.getElementById("forSale").addEventListener("mouseover", imgChange, false);
            document.getElementById("forSale").addEventListener("mouseout", imgChange, false);
            document.getElementById("viewAll").addEventListener("mouseover", imgChange, false);
            document.getElementById("viewAll").addEventListener("mouseout", imgChange, false);
            document.getElementById("style").addEventListener("click", function () {
                return toggleMenu('styleMenu', 'style');
            }, false);
            document.getElementById("subject").addEventListener("click", function () {
                return toggleMenu('subjectMenu', 'subject');
            }, false);
            document.getElementById("medium").addEventListener("click", function () {
                return toggleMenu('mediumMenu', 'medium');
            }, false);
        } else if (window.attachEvent) {
            document.getElementById("style").attachEvent("onmouseover", imgChange);
            document.getElementById("style").attachEvent("onmouseout", imgChange);
            document.getElementById("medium").attachEvent("onmouseover", imgChange);
            document.getElementById("medium").attachEvent("onmouseout", imgChange);
            document.getElementById("subject").attachEvent("onmouseover", imgChange);
            document.getElementById("subject").attachEvent("onmouseout", imgChange);
            document.getElementById("forSale").attachEvent("onmouseover", imgChange);
            document.getElementById("forSale").attachEvent("onmouseout", imgChange);
            document.getElementById("viewAll").attachEvent("onmouseover", imgChange);
            document.getElementById("viewAll").attachEvent("onmouseout", imgChange);
            document.getElementById("style").attachEvent("onclick", function () {
                return toggleMenu('styleMenu', 'style');
            });
            document.getElementById("subject").attachEvent("onclick", function () {
                return toggleMenu('subjectMenu', 'subject');
            });
            document.getElementById("medium").attachEvent("onclick", function () {
                return toggleMenu('mediumMenu', 'medium');
            });
        }
        document.getElementById("styleMenu").style.display = "none";
        document.getElementById("mediumMenu").style.display = "none";
        document.getElementById("subjectMenu").style.display = "none";
    }

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

        var images = [];
        images[0] = dir + "forSale.gif";
        images[1] = dir + "viewAll.gif";
        images[2] = dir + "subject.gif";
        images[3] = dir + "style.gif";
        images[4] = dir + "medium.gif";
        images[5] = dir + "a-forSale.gif";
        images[6] = dir + "a-viewAll.gif";
        images[7] = dir + "a-subject.gif";
        images[8] = dir + "a-style.gif";
        images[9] = dir + "a-medium.gif";
        images[10] = dir + "h-forSale.gif";
        images[11] = dir + "h-viewAll.gif";
        images[12] = dir + "h-subject.gif";
        images[13] = dir + "h-style.gif";
        images[14] = dir + "h-medium.gif";

        var imageObj;

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

    loadImages();

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