function prepareGallery() {
    if (!document.getElementsByTagName) return false;
    if (!document.getElementById) return false;
    if (!document.getElementById("imagegallery")) return false;
    var gallery = document.getElementById("imagegallery");
    var links = gallery.getElementsByTagName("a");
    for ( var i=0; i < links.length; i++) {
        links[i].onmouseover = function() {
            return showPic(this);
        }
        links[i].onclick = function() {
            return false;
        }
        links[i].onmouseout = function() {
            if(this.className == "thumb_onmouse") {
                this.className = "";
            }
            return hidePic(this);
            return false;
        }
    }
}

function preparePop() {
    if (!document.getElementsByTagName) return false;
    if (!document.getElementById) return false;
    var galleries = $$("#imagegallery li ul");
    galleries.each(
        function(element){
            element.onmouseover = function() {
                element.className = "pic_disp";
                return false;
            }
            element.onmouseout = function() {
                element.className = "pic_hide";
                return false;
            }
        }
    );
}

function showPic(whichpic) {
    whichpic.className = "thumb_onmouse";
    if (!document.getElementById("placeholder")) return true;
    var source = whichpic.getAttribute("href");
    var placeholder = document.getElementById("placeholder");
    if (placeholder.nodeName != "IMG") return true;
    placeholder.setAttribute("src",source);
    if(!whichpic.nextSibling) return false;
    var imgDetail = whichpic.nextSibling.nextSibling;
    if(imgDetail) imgDetail.className = "pic_disp";
    return false;
}
function hidePic(whichpic) {
    if(!whichpic.nextSibling) return false;
    var imgDetail = whichpic.nextSibling.nextSibling;
    if(imgDetail) imgDetail.className = "pic_hide";
    return false;
}

function change() {
    myTimer = setTimeout("openBtn()",500);
}
function openBtn() {
    if($('slide_btn').className == "close") {
        $('slide_btn').alt = "open";
        $('slide_btn').className = "open";
        $('slide_btn').src = "img/btn_open.jpg";
    } else {
        $('slide_btn').src = "img/btn_close.jpg";
        $('slide_btn').alt = "close";
        $('slide_btn').className = "close";
    }
    return false;
}

Event.observe(window, "load", prepareGallery, false);
Event.observe(window, "load", preparePop, false);

Event.observe(window, "load",
    function()
    {
        Event.observe("slide_btn", "click",
            function()
            {
                Effect.toggle($('slide_toggle'), 'appear', {duration:0.5});
                return false;
            }
        );
    }
);