var revide = revide || {};

revide = {
    init: function() {
    revide.hoverBox.init();
    revide.lightBox.init();
    },

    hoverBox: {
        init: function() {
            revide.hoverBox.buildhoverBox();
            $("a.hoverBoxClass").bind("mouseenter", function() {
              oImg = $(this).children("img.image");
              revide.hoverBox.show(oImg);
            }).bind("mouseleave", function() {
              oImg = $(this).children("img.image");
              revide.hoverBox.hide();
            });
        },

        buildhoverBox: function() {
            $('<div id="hoverBox"><div id="hoverBoxTop">&nbsp;</div><div id="hoverBoxMiddle"></div><div id="hoverBoxBottom">&nbsp;</div></div>').appendTo('body');
        },

        show: function(oImg) {
            ohoverBox = $("div#hoverBox");
            $("div#hoverBoxMiddle").html("<strong>" + oImg.attr("id") + "</strong> - " + oImg.attr("alt"));
            offset = oImg.offset();
            width = oImg.width();
            hoverBoxHeight = ohoverBox.height();
            ohoverBox.css({ left: ((offset.left + (width / 2)) - 40), top: (offset.top - (hoverBoxHeight - 5)) });
            ohoverBox.show();
        },

            hide: function() {
            ohoverBox.hide();
        },

            imageHover: function(oImg, oImgBw, state) {

            image = oImg.attr("src");
            if (!state) {
              oImgBw.hide();
              oImg.show();
              var strExt = image.match(".gif");
              imageSrc = image.split(strExt);
            } else {
              oImgBw.show();
              oImg.hide();
              imageSrc = image.split('.');
            }
        }
    },

  lightBox: {
        init: function() {
            revide.lightBox.buildLightBox();
            $("div.lightBoxClass").bind("mouseover", function() {
                $(this).children(".summary").css({ color: '#3784C5' });
            }).bind("mouseleave", function() {
                $(this).children(".summary").css({ color: '#000000' });
            });
            $("div.lightBoxClass").bind("mouseover", function() {
                $(this).css({ cursor: 'pointer' });
            });
            $("div.lightBoxClass").bind("click", function() {
                oContent = $(this);
                revide.lightBox.show(oContent);
            });
            $("#lightBoxTop a.close").bind("click", function() {
                revide.lightBox.hide();
            });
            $("#lightBoxTop a.homepage").bind("click", function() {
                revide.lightBox.hide();
            });
        },

        buildLightBox: function() {
            $('<div id="lightBox_overlay" class="lightBox_overlayBG"></div><div id="lightBox"><div id="lightBoxTop"><a href="javascript:void(0)" class="close">Stäng</a></div><div id="lightBoxMiddle"></div><div id="lightBoxBottom">&nbsp;</div></div>').appendTo('body');
        },

        show: function(oContent) {
            ooverlay = $("div#lightBox_overlay");
            olightBox = $("div#lightBox");
            $("div#lightBoxMiddle").html("<div class='content'>" + oContent.children(".bodyText").html() + "</div>");
            offset = oContent.offset();
            width = oContent.width();
            lightBoxHeight = olightBox.height();
            ooverlay.show();
            olightBox.show();
        },

        hide: function() {
            olightBox.hide();
            ooverlay.hide();
        }
    }

}

// Start it!
$(document).ready(function(){
    revide.init();
})