/* dispaly or hide room's left detail panel */
function hide() {
    detail_page=document.getElementById('detail').style.display="none";
}
function show() {
    detail_page=document.getElementById('detail').style.display="block";
}

/* select room details */
function selectDetail(source) {
    // change image
    document.getElementById("room-detail").src=source;
}

/* add border to active room */
function changeBorder(roomNo) {
    local_nav=document.getElementById("nav_table");
    rooms=local_nav.getElementsByTagName("a");
    for (i=0; i<=(rooms.length-1); i++) {
        if (rooms[i].firstChild.name==roomNo) {
            rooms[i].firstChild.className="border";
		}
         else rooms[i].firstChild.className="padding";
	}	
}