//here you place the ids of every element you want. you must use/have all of the ids in the list, or it will break.
var ids=new Array('open','purchase','map','rail','car','air','basket');
 

function switchid(id)
{        
        hideallids();
        //hidescroll();        
        showdiv(id);
        //showscroll(id);
}

function hidescroll()
{
    document.getElementById("scroll").style.display = "none";
    document.getElementById("scroll_spacer").style.display = "block";    
}

function showscroll(id)
{
    if (id == 'map')
    {
        document.getElementById("scroll").style.display = "block";
        document.getElementById("scroll_spacer").style.display = "none";    
    }
}

function hideallids()
{

        //loop through the array and hide each element by id
        for (var i=0;i<ids.length;i++){
                     hidediv(ids[i]);
        }                         
}
 
function hidediv(id) 
{
        //safe function to hide an element with a specified i 
        if (document.getElementById) { // DOM3 = IE5, NS6
                    document.getElementById(id).style.display = 'none';

        }
        else { 
                    if (document.layers) { // Netscape 4
                                document.id.display = 'none';
                    }

                     else { // IE 4

                                 document.all.id.style.display = 'none';
                    }
        }
}

 
function showdiv(id) 
{
        //safe function to show an element with a specified id
        if (document.getElementById) { // DOM3 = IE5, NS6                                         
                     document.getElementById(id).style.display = 'block';
        }
        else {
            if (document.layers) { // Netscape 4
                                document.id.display = 'block';
                    }


                    else { // IE 4
                                document.all.id.style.display = 'block';
                    }
         }

}