/**********************************************************************************   
ChangeText 
*   Copyright (C) 2001 Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by Thomas Brattli</a> 
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()


if(document.layers){ //NS4 resize fix...
	scrX= innerWidth; scrY= innerHeight;
	onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

/****
Variables to set 
****/
msgFont= "arial,helvetiva"	// The font for the message
msgFontSize= 12				// Set the fontSize in px
msgFontColor="#FFFFFF"		// Set the fontColor
msgWidth= "300"				// Set the width of the messageblock here for netscape 4

//Set the text you want to display on mouseover here.
//When creating font size, use this: <font size=\"3\"><b>Welcome</b></font>

messages=new Array()
messages[0]="<h4>The Institute for Technology Development (ITD) conducts applied research and converts the results into marketable products or services. The primary technology product of the company is multispectral and hyperspectral imaging systems.  Services include innovative image data applications research and technology transfer to encourage learning through the use of technology.</h4>" //This is the default text that appears when you mouse out.
messages[1]="<h3>Technology</h3><h4>ITD has been a pioneer for imaging technogies for over 18 years. We have revolutionized the field of imaging by offering ultra fast, high-resolution imaging.</h4>"
messages[2]="<h3>Sensors</h3><h4>The Focal Plane Scanner is the heart of our technology. This push-broom mechanism can be fixed to nearly any CCD camera available on the market.</h4>"
messages[3]="<h3>Research</h3><h4>ITD has applied its technology to medical imaging, agriculture, golf course maintenance, food quality and safety, forensics and the International space program.</h4>"
messages[4]="<h3>Education</h3><h4>The Community Mapping Program (CMaP) sprouts from a desire to share ITD’s knowledge and practical experiences with youth and their communities by helping them not only to understand how mapping technologies like GIS and remote sensing are used in everyday life and by a growing number of professionals, but to gain the skills to become those professionals.</h4>"

/********************************************************************************
You don't have to change anything below this
********************************************************************************/

//ChangeText object constructor.
function makeChangeTextObj(obj){
   	this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;	
   	this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;	
	this.writeIt = b_writeIt;					
}
function b_writeIt(text,num){
	if (bw.ns4){
		this.writeref.write(text)
		this.writeref.close()
	}
    else this.writeref.innerHTML = messages[num]
}

//The mouoseover function. Calls the writeIt method to write the text to the div.
function changeText(num){
	if(bw.bw) oMessage.writeIt('<table width="'+msgWidth+'" border="0" cellpadding="0" cellspacing="0"><tr><td><span style="font-size:'+msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span></td></tr></table>', num)
}

//The init function. Calls the object constructor and initiates some properties.
function changeTextInit(){
	//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
	bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0
	
	oMessage = new makeChangeTextObj('divMessage')
	oLinks = new makeChangeTextObj('divLinks')
	//Setting the style properties of the text layer.
	if(bw.dom || bw.ie4){
		with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize+"px"; color=msgFontColor}
	}
	//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.
	oMessage.css.visibility= "visible"
	oLinks.css.visibility= "visible"
}

//If the browser is ok, the init function is called on pageload. 
if (bw.bw) onload = changeTextInit