var timeout = 500;
var closertimer = 1;
var ddmenuitem = 0;
var closetimer;

//open hidden layer
function mopen(id)
{
  //cancel close timer
  mcancelclosetime()
  
  //close old layer
  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
  
  //get new layer and show it
  ddmenuitem = document.getElementById(id);
  ddmenuitem.style.visibility = 'visible';
  
  // check to see if these are the home page div's, if not it will set width of parent div
  //if(id == 'm1' || id == 'm2' || id == 'm3' || id == 'm4') {
  	//ddmenuitem.style.width = ddmenuitem.parentNode.offsetWidth + "px";
  //}
}
//close showed layer
function mclose()
{
  if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

}

//go close timer
function mclosetime()
{
  closetimer = window.setTimeout(mclose, timeout);
}

//cancel close timer
function mcancelclosetime()
{
  if(closetimer)
  {
  window.clearTimeout(closetimer);
  closetimer = null;
  }
}

//close layer when click-out
document.onclick = mclose;


// SIDE ROLLOVER //
var interval = 5; // delay between rotating images (in seconds)

var random_display = 1; // 0 = no, 1 = yes

var image_index = 0;

var number_of_image;

var image_list = new Array();

function imageItem(image_location) {
  this.image_item = new Image();
  this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
  return(imageObj.image_item.src)
}
function generate(x, y) {
  var range = y - x + 1;
  return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
  number_of_image = image_list.length;
  if (random_display) {
	image_index = generate(0, number_of_image-1);
  }
  else {
	image_index = (image_index+1) % number_of_image;
  }
  var new_image = get_ImageItemLocation(image_list[image_index]);
  return(new_image);
}
function rotateImage(place) {
  var new_image = getNextImage();
  document[place].src = new_image;
  var recur_call = "rotateImage('"+place+"')";
  setTimeout(recur_call, interval*1000);
}