/*
************************************
this file contains javascript code for the 
COM PhD program website.  There is a script 
for a flyout menu and a rotating image gallery.
************************************
*/

/*
************************************
javascript for flyout menu
************************************
*/
	var open_menu;
	var timer;
	 var selectedhead;
	 var globalname;
	
	function display_menu(globalid, menuid)
	{

	  //close the other menu (if it's showing) before we open this one		
	  if(open_menu) 
	  {
		  open_menu.style.visibility = 'hidden';
		  selectedhead.className = globalname + '_head';
	  }
	  if(timer) clear_timeout(timer);
	  
	  // A CSS2 enhanced html (div) elly-ment
	  var menu = document.getElementById(globalid + '_' + menuid + '_menu');
	  var head = document.getElementById(globalid + '_' + menuid + '_head');
	  var bar = document.getElementById(globalid + '_sidebar');
	  
	  // this is are current open menu
	  open_menu = menu;
	  selectedhead = head;
	  globalname = globalid;


	  var top = head.offsetTop;
	  var left = bar.offsetWidth;
	  menu.style.left = (left - 8) + 'px';
	  menu.style.top = (top + 3) + 'px';
	  head.style.right = bar.offsetWidth + 'px';  
	
	  // pop it up
	  head.className = globalid + '_selectedhead';
	  menu.style.visibility = 'visible'; 
	  return false;
	};
	
	

	// hide the popup window  
	function hide_menu()
	{
	  // make the pop up disappear
	  //var elly = document.getElementById(txt)
	  //elly.style.visibility = 'hidden';
	  open_menu.style.visibility = 'hidden';
	  selectedhead.className = globalname + '_head';
	};

	function set_timeout()
	{
		timer =	window.setTimeout("hide_menu()", 1000);
	};
	function clear_timeout()
	{
		if (timer) window.clearTimeout(timer);
	};

/*
************************************
javascript for rotating images
************************************
*/

var interval = 3000; 
var random_display = 0;
//var image_dir = "http://hsc.usf.edu/nocms/*****/images/"
//var image_dir = "images/"
var image_dir = "http://hsc.usf.edu/nocms/medicine/graduatestudies/images/"
var ImageNum = 0;
imageArray = new Array();
imageArray[ImageNum++] = new imageItem(image_dir + "1.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "2.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "3.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "4.jpg");
imageArray[ImageNum++] = new imageItem(image_dir + "5.jpg");

var number_of_image = imageArray.length;

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 randNum(x, y) {
	var range = y - x + 1;
	return Math.floor(Math.random() * range) + x;
}

function getNextImage() {
	if (random_display) {
		ImageNum = randNum(0, number_of_image-1);
	}
	else {
		ImageNum = (ImageNum+1) % number_of_image;
	}
	var new_image = get_ImageItemLocation(imageArray[ImageNum]);
	return(new_image);
}

function getPrevImage() {
	ImageNum = (ImageNum-1) % number_of_image;
	var new_image = get_ImageItemLocation(imageArray[ImageNum]);
	return(new_image);
}

function prevImage(place) {
	var new_image = getPrevImage();
	document[place].src = new_image;
}

function rotateImage(place) {
	var new_image = getNextImage();
	document[place].src = new_image;
	var recur_call = "rotateImage('"+place+"')";
	timerID = setTimeout(recur_call, interval);
}