function popwindow(imageurl, winname, winfeatures) {
  window.open(imageurl,winname,winfeatures); 
}
function setLocation(url) {
  window.location=url; 
}
function setPhoto(imgName, newStateImage){
  document.getElementById(imgName).src = eval(newStateImage+".src");
}
/* menu images code*/
home_off = new Image();
home_off.src = "images/nav.home.off.gif";
home_on = new Image();
home_on.src = "images/nav.home.on.gif";

accommodation_off = new Image();
accommodation_off.src = "images/nav.accommodation.off.gif";
accommodation_on = new Image();
accommodation_on.src = "images/nav.accommodation.on.gif";

reservations_off = new Image();
reservations_off.src = "images/nav.reservations.off.gif";
reservations_on = new Image();
reservations_on.src = "images/nav.reservations.on.gif";

things_off = new Image();
things_off.src = "images/nav.things.off.gif";
things_on = new Image();
things_on.src = "images/nav.things.on.gif";

/* icon images code*/
icon_car_off = new Image();
icon_car_off.src = "images/icon.car.off.gif";
icon_car_on = new Image();
icon_car_on.src = "images/icon.car.on.gif";

icon_key_off = new Image();
icon_key_off.src = "images/icon.key.off.gif";
icon_key_on = new Image();
icon_key_on.src = "images/icon.key.on.gif";

icon_arrow_off = new Image();
icon_arrow_off.src = "images/icon.arrow.off.gif";
icon_arrow_on = new Image();
icon_arrow_on.src = "images/icon.arrow.on.gif";

function iconOver(imgName, newStateImage, text_id){
  // swap image
  document.getElementById(imgName).src = eval(newStateImage+".src");
  
  var caption = icon_text[text_id];
  var caption_span = document.getElementById("icons_text");
  var oldText = caption_span.childNodes.item(0);
  var newText = document.createTextNode(caption);
  var replaced = caption_span.replaceChild(newText,oldText);
}

function iconOut(imgName, newStateImage){
  // swap image
  document.getElementById(imgName).src = eval(newStateImage+".src");
  
  var caption = "";
  var caption_span = document.getElementById("icons_text");
  var oldText = caption_span.childNodes.item(0);
  var newText = document.createTextNode(caption);
  var replaced = caption_span.replaceChild(newText,oldText);
}

function thumbOver(space_id) {
  // get image ids from space ids
  var cur_image_id = image_placement[space_id];
  var cur_image_str = cur_image_id+"";
  var cur_image_name = "image_"+cur_image_str;
  
  // swap image from current space into main image space
  setPhoto("main", cur_image_name);
  
  // now swap text
  var caption = photoSet_caption[cur_image_id];
  var caption_span = document.getElementById("main_img_caption");
  var oldText = caption_span.childNodes.item(0);
  var newText = document.createTextNode(caption);
  var replaced = caption_span.replaceChild(newText,oldText);
}
function thumbOut(space_id) {
  // get image ids from space ids
  var cur_image_id = image_placement[space_id];
  var cur_main_id = image_placement[0]+"";
  
  // swap former main image into current thumbnail space
  var new_image_name = "thumb_"+cur_main_id;
  var space_str = space_id + "";
  var imageSpace_id = "thumblist_"+space_str;
  setPhoto(imageSpace_id, new_image_name);
  
  // now align placement array
  image_placement[0] = cur_image_id;
  image_placement[space_id] = cur_main_id-0;
}