// Global
var global = {
  init:function() {
	  var elements = this.getElementsByClassName('a', 'NewWindow');
	  if (elements.length > 0 ) {
		  for (var i=0; i < elements.length; i++ ) {
			  global.addEvent(elements[i], 'click', (function()
				{
				  var dat = new Date().getUTCMilliseconds();
					var wName = "w" + dat;
					var nFrame = window.open(this.href, wName, 'top=0,left=0,scrollbars=yes, toolbar=no, height=545, width=790');
					nFrame.focus();
				} ));
			}
		}
	  var elements = this.getElementsByClassName('a', 'tallWindow');
	  if (elements.length > 0 ) {
		  for (var i=0; i < elements.length; i++ ) {
			  global.addEvent(elements[i], 'click', (function()
				{
				  var dat = new Date().getUTCMilliseconds();
					var wName = "w" + dat;
					var nFrame = window.open(this.href, wName, 'top=0,left=0,scrollbars=yes,location=yes,toolbar=yes, height=580, width=790');
					nFrame.focus();
				} ));
			}
		}
	  var elements = this.getElementsByClassName('area', 'NewWindow');
	  if (elements.length > 0 ) {
		  for (var i=0; i < elements.length; i++ ) {
			  global.addEvent(elements[i], 'click', (function()
				{
				  var dat = new Date().getUTCMilliseconds();
					var wName = "w" + dat;
					var nFrame = window.open(this.href, wName, 'top=0,left=0,scrollbars=yes,location=yes, toolbar=yes, height=545, width=790');
					nFrame.focus();
				} ));
			}
		}
	  var elements = this.getElementsByClassName('area', 'notActive');
	  if (elements.length > 0 ) {
		  for (var i=0; i < elements.length; i++ ) {
			  global.addEvent(elements[i], 'mouseover', (function() {
				  global.popUp(this);
				} ));
				global.addEvent(elements[i], 'mouseout', (function() {
				  global.hidePopUp();
				} ));
			}
		}
		var elements = this.getElementsByClassName('area', 'rollover');
		if (elements.length > 0) {
		  for (var i=0; i < elements.length; i++ ) {
			  global.addEvent(elements[i], 'mouseover', (function() {
				  global.rollover(this);
				} ));
				global.addEvent(elements[i], 'mouseout', (function() {
				  global.rolloverClear(this);
				} ));
			}
		}

	},
	
 	// el is the object to add the event to.
  // type is the event type to add (click, mouseover, mouseout)
  // fn is the function to call.
  addEvent:function() {
    if(window.addEventListener) {
      return function(el, type, fn){
        if(el && type && fn)el.addEventListener(type, fn, false);
      };
    }
    else if(window.attachEvent) {
      return function(el, type, fn) {
        if(el && type && fn){
          var f = function() {
            fn.call(el, window.event);
          };
          el.attachEvent("on"+type, f);
        }
      };
    }
    else {
      return function(el, type, fn) {
        if(el && type && fn)element["on"+type] = fn;
      }
    }
  }(),
	
	getElementsByClassName:function(strTagName, strClassName){
	    var allElements = (strTagName == "*" && document.all)? document.all : document.getElementsByTagName(strTagName);
	    var arrReturnElements = new Array();
	    strClassName = strClassName.replace(/\-/g, "\\-");
	    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	    var oElement;
	    for(var i=0; i<allElements.length; i++){
	        oElement = allElements[i];      
	        if(oRegExp.test(oElement.className)){
	            arrReturnElements.push(oElement);
	        }   
	    }
	    return (arrReturnElements)
	},
	
	goHome:function() {
	  
	},

	popUp:function(elem) {
	  var i = elem.coords.indexOf(',');
	  var x = elem.coords.substring(0, i);
		i = elem.coords.indexOf(',', i + 1);
		i = elem.coords.indexOf(',', i + 1);
		var y = elem.coords.substring(i + 1);
    var show = document.getElementById('notActiveWindow');
		
		show.style.left = x;
		show.style.top = y;
    show.style.display ='block';
  },

  hidePopUp:function() {
    var hide = document.getElementById('notActiveWindow');
    hide.style.display ='none';
  },
	
	rollover:function(elem) {
	  var newImage = elem.title;
		var menu = document.getElementById('mainimage');
		menu.src = newImage;
	},
	rolloverClear:function(elem) {
		var mainImg = document.getElementById('mainimage');
	  var newImage = mainImg.title;
		mainImg.src = newImage;
	}

};

global.addEvent(window, 'load', function(){global.init();});


function createHidden(form, name, value) {
  newHidden = document.createElement('input');
	newHidden.setAttribute('type', 'hidden');
	newHidden.setAttribute('name', name);
	newHidden.setAttribute('value', value);
	form.appendChild(newHidden);
}

// old functions
function NewWindow(loc) {
	frame = window.open(loc, 'name', 'top=0,left=0,scrollbars=yes,location=yes,resizable=yes, toolbar=yes, height=580, width=790');
	frame.focus();
}

function newRandomWindow(loc) {
	var dat = new Date().getUTCMilliseconds();
	var wname = "w" + dat;
	frame = window.open(loc, wname, 'top=0,left=0,scrollbars=yes,resizable=yes, toolbar=no, height=545, width=790');
	frame.focus();
}

function videoFileWindow(loc, file) {
	loadFileWindow('http://www.citnrocks.com/2005text/' + file);
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	videoframe = window.open(loc, vname, 'top=0,left=0,scrollbars=yes,resizable=yes,height=518, width=688');
	videoframe.focus();
}

function videoFileWindowTwo(loc, file) {
	loadFileWindow('HScourses/' + file);
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	if (loc.indexOf('#.wmv') == -1) {
      videoframe = window.open(loc, vname, 'top=0,left=0,scrollbars=yes,resizable=yes, height=345, width=470');
      videoframe.focus();
	}
}

function videoFileWindowImage(loc, file) {
	loadFileWindow('../images/' + file);
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	videoframe = window.open(loc, vname, 'top=0,left=0,scrollbars=yes, height=345, width=470');
	videoframe.focus();
}

function videoURLWindow(loc, newURL) {
	var dat = new Date().getUTCMilliseconds();
	var tname = "t" + dat;
	var vname = "v" + dat;
	textframe = window.open(newURL, tname, 'scrollbars=yes, location=yes, toolbar=yes');
	videoframe = window.open(loc, vname, 'top=0,left=0,scrollbars=yes,resizable=yes, height=345, width=470');
	videoframe.focus();
}

// ------------ LOAD WINDOW FUNCTIONS ----------------------
function loadFileWindow(fileName) {
	var dat = new Date().getUTCMilliseconds();
	var tname = "t" + dat;
	textframe = window.open(fileName, tname, 'scrollbars=yes, location=yes,resizable=yes, toolbar=yes');
}

function loadImageWindow(imageName, windowName) {
	var dat = new Date().getUTCMilliseconds();
	var tname = "t" + dat;
	var urlName = 'imagePage.php?winName='+windowName+'&file='+imageName;
	textframe = window.open(urlName, tname, 'scrollbars=yes, location=yes,resizable=yes, toolbar=yes');
}

function loadVideoWindow(videoName, windowName) {
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	var urlName = 'http://www.citnrocks.com/videoPage.php?winName='+windowName+'&file='+videoName;
	video = window.open(urlName, vname, 'top=0,left=0,scrollbars=yes,resizable=yes, height=518, width=688');
	video.focus();
}

function loadSmallVideoWindow(videoName, windowName) {
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	var urlName = 'http://www.citnrocks.com/sVideoPage.php?winName='+windowName+'&file='+videoName;
	video = window.open(urlName, vname, 'top=0,left=0,scrollbars=yes,resizable=yes, height=341, width=469');
	setTimeout("video.focus()", 1000); 
}

function loadMovVideoWindow(videoName, windowName) {
	var dat = new Date().getUTCMilliseconds();
	var vname = "v" + dat;
	var urlName = 'http://www.citnrocks.com/movPage.php?winName='+windowName+'&file='+videoName;
	video = window.open(urlName, vname, 'top=0,left=0,scrollbars=yes,resizable=yes, height=341, width=469');
	setTimeout("video.focus()", 1000); 
}

// ------------ LOAD MULTIPLE WINDOW FUNCTIONS ----------------------
function loadVideoImageWindow(videoName, imageName, windowName) {
	loadImageWindow(imageName, windowName);
	loadSmallVideoWindow(videoName, windowName);
}

function loadVideoFileWindow(videoName, fileName, windowName) {
	loadFileWindow('http://www.citnrocks.com/2005text/' + fileName);
	loadVideoWindow(videoName, windowName);
}

function loadVideoUrlWindow(videoName, urlName, windowName) {
	loadFileWindow(urlName);
	loadSmallVideoWindow(videoName, windowName);
}

// ------------ LOGIN FUNCTIONS ----------------------
function checkLogin(formData) {
	if (formData.fName.value == "") {
		alert("Please enter your First Name");
		formData.fName.focus();
		return(false);
	}
	if (formData.lName.value == "") {
		alert("Please enter your Last Name");
		formData.lName.focus();
		return(false);
	}
	top.data.storeData(formData.fName.value, formData.lName.value, formData.age.value, formData.school.value, formData.gender.value, "Login");
	return(true);
}


<!-- ------------------------------------------------- -->
function submitLink(webLink, newWindow) {
  if (newWindow) {
	  var fileName = 'pathwaylink.php?site=' + top.data.logged.site + '&age=' + top.data.logged.age + '&sex=' + top.data.logged.gender + '&weblink=' + webLink;
	  loadFileWindow(fileName);
		return false;
	}
	submitLink(webLink);
}

function submitLink(webLink) {
	document.pathway.site.value = top.data.logged.site;
	document.pathway.age.value = top.data.logged.age;
	document.pathway.sex.value = top.data.logged.gender;
	document.pathway.weblink.value = webLink;
	document.pathway.action = "pathways/" + weblink; //'pathwaylink.php';
	document.pathway.submit();
}

function submitWebLink(webLocation, webLink, newWindow) {
  recordForm = document.getElementById('recordLink');
  if (newWindow) {
	  var fileName = 'recordlink.php?site=' + top.data.logged.site + '&age=' + top.data.logged.age + '&sex=' + top.data.logged.gender + '&weblink=' + webLink + '&webLocation=' + webLocation;
	  loadFileWindow(fileName);
		return false;
	}
  recordForm.setAttribute('action', 'recordlink.php');
  createHidden(recordForm, 'site', top.data.logged.site);
  createHidden(recordForm, 'age', top.data.logged.age);
  createHidden(recordForm, 'sex', top.data.logged.gender);
  createHidden(recordForm, 'webLink', webLink);
  createHidden(recordForm, 'webLocation', webLocation);
  recordForm.submit();
}

<!-- ------------------------------------------------- -->
function checkPassword(word) {
	str = prompt('Please enter password:');
	if (str != word) {
		window.location =  '../MainMenu.htm';
	}
}

function show(elem) {
  var txt = document.getElementById(elem);
  txt.style.display ='block';
}

function hide(elem) {
  var rem = document.getElementById(elem);
  rem.style.display ='none';
}