viewmap = {

    map_el: [],
    show_map_el: [],
    hide_map_el: [],
    toggle_map_el: [],

    shown:0,

    init: function() {
        if (!$("viewmap_btn")) return false;
        viewmap.map_el=$(".map");
        viewmap.show_map_el=$(".showmap");
        viewmap.hide_map_el=$(".hidemap");
        viewmap.toggle_map_el=$(".togglemap");
        $("#viewmap_btn").css("background-image", "url(/images/view-map.gif)");
        viewmap.bindEvents();
    },
   
    bindEvents: function(ev) {
        viewmap.show_map_el.click(viewmap.showmap);
        viewmap.hide_map_el.click(viewmap.hidemap);
        viewmap.toggle_map_el.click(viewmap.togglemap);
        $("#viewmap_btn").mouseover(viewmap.mouseover).mouseout(viewmap.mouseout);
    },

    togglemap: function(ev) {
        with(viewmap) {
            (shown) ? hidemap() : showmap();
        }
    },

    showmap: function(ev) {
        $("#viewmap_btn").css("background-position", "0px -59px");
        $("#viewmap_btn_hide").css("display", 'inline');
        $("#viewmap_btn_show").css("display", 'none');
        viewmap.map_el.css("display","block");
        viewmap.shown=1;
    },

    hidemap: function(ev) {
        $("#viewmap_btn").css("background-position", "0px 0px");
        $("#viewmap_btn_show").css("display", 'inline');
        $("#viewmap_btn_hide").css("display", 'none');
        viewmap.map_el.css("display","none");
        viewmap.shown=0;
    },

    mouseover: function() {
        if (!viewmap.shown)
            $("#viewmap_btn").css("background-position", "0px -119px");
    },

    mouseout: function() {
        if (!viewmap.shown)
            $("#viewmap_btn").css("background-position", "0px 0px");
    }
};

$().ready(viewmap.init);