function init() {
    var ctrl;
    var parent;
    var headers = new Array();
    var sections = new Array();
    
    headers[0] = "desc_header";
    headers[1] = "picture_header";
    headers[2] = "map_header";
    headers[3] = "auction_header";
    //headers[4] = "contact_header";
    headers[5] = "recommendation_header";
    headers[6] = "bbp_header";
    headers[7] = "terms_header";
    headers[8] = "features_header";
    headers[9] = "disclosure_header";
    
    sections[0] = "detailed_description";
    sections[1] = "pictures";
    sections[2] = "map_section";
    sections[3] = "auction_info";
    //sections[4] = "contact_info";
    sections[5] = "recommendations";
    sections[6] = "bbp";
    sections[7] = "terms";
    sections[8] = "features";
    sections[9] = "disclosure";
    
    ctrl = document.getElementById('map');
    if(ctrl) {
        ctrl.style.width = '555px';
        ctrl.style.height = '400px';
    }
    
    // We have to call load here instead of window.onload because once the div display style is none, the map has to have been
    //   rendered to display correctly
    load();
    
    for(var x = 0; x < headers.length; x++) {
        parent = document.getElementById(headers[x]);
        if(parent) { parent = parent.childNodes[0]; }
        if(parent) {
            ctrl = document.createElement("img");
            if(x == 1) {
                ctrl.src = "/i/expand.gif";
                ctrl.alt = "Expand section";
                document.getElementById(sections[x]).style.display = 'none';
            } else {
                ctrl.src = "/i/collapse.gif";
                ctrl.alt = "Collapse section";
                document.getElementById(sections[x]).style.display = 'block';
            }
            ctrl.className = "img_expander";
            ctrl.onclick = toggleSection;
            
            parent.insertBefore(ctrl, parent.childNodes[0]);
        }
    }
}

function toggleSection(event) {
    var evt = event ? event : window.event;
    var ctrl = evt.target ? evt.target : evt.srcElement;
    
    var target = ctrl.parentNode.parentNode.nextSibling;
    // For some reason, firefox seems to be treating the noscript text as the nextSibling even when js is enabled
    if(evt.target && ctrl.parentNode.parentNode.nextSibling.nextSibling.id == 'map_section') {
        target = ctrl.parentNode.parentNode.nextSibling.nextSibling;
    }
    
    if(target) {
        if(target.style.display == 'none') {
            ctrl.src = "/i/collapse.gif";
            target.style.display = 'block';
        } else {
            ctrl.src = "/i/expand.gif";
            target.style.display = 'none';
        }
    }
}

function preview_highlight(path) {
    if(path == "") { return false; }
    
    var large = document.getElementById('large_image');
    if(!large) { return false; }
    
    large.src = path;
}