function imgon(thisImg) {
    document.getElementById(thisImg).src = "images/" + thisImg + "-on.gif";
}

function imgoff(thisImg) {
    document.getElementById(thisImg).src = "images/" + thisImg + ".gif";
}



/***********************************************

* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

//Contents for menu 1

var menu1=new Array()

menu1[0]='<a href="cdf-history.php">Some CDF History</a>'

menu1[1]='<a href="pdf/2010CDFposter.pdf" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Milestones (PDF 0.196 MB)</a>'

menu1[2]='<a href="people-behind.php">People Behind The CDF</a>'

menu1[3]='<a href="funds-come-from.php">Where Our Funds Come From</a>'

menu1[4]='<a href="how-funds-used.php">How Our Funds Are Used</a>'

menu1[5]='<a href="funds-at-work.php">Our Funds At Work</a>'

menu1[6]='<a href="cdf-flyer.php">CDF Brochure</a>'


//Contents for menu 2

var menu2=new Array()

menu2[0]='<a href="corporate-endowments.php">Corporate Endowments</a>'

menu2[1]='<a href="platinum-benefactors.php">Platinum Benefactors ($50,000 +)</a>'

menu2[2]='<a href="gold-benefactors.php">Gold Benefactors ($25,000 +)</a>'

menu2[3]='<a href="silver-benefactors.php">Silver Benefactors ($10,000 +)</a>'

menu2[4]='<a href="corporate-sponsors.php">Corporate Supporters ($1,000 +)</a>'


//Contents for menu 3

var menu3=new Array()

menu3[0]='<p>CDF Grants & Awards'

menu3[1]='<a href="cdf-grant.php">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Research Grant Application</a>'

menu3[2]='<a href="kalz-bursary.php">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dr. Frederick Kalz Bursary</a>'

menu3[3]='<a href="awards-honours.php#nomination">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Practitioner Of The Year Award</a>'

menu3[4]='<a href="recipients-chosen.php">How Grant Recipients Are Chosen</a>'

menu3[5]='<a href="grant-recipients.php">CDF Grant Recipients</a>'


//Contents for menu 4

var menu4=new Array()

menu4[0]='<a href="news-items.php">News Items</a>'

menu4[1]='<a href="press-releases.php">Press Releases</a>'

menu4[2]='<a href="events.php">Events</a>'

menu4[3]='<a href="obituaries.php">Obituary</a>'


//Contents for menu 5

var menu5=new Array()

menu5[0]='<a href="links.php#section1">Academic Departments of Dermatology</a>'

menu5[1]='<a href="links.php#section2">CDF Sponsors</a>'

menu5[2]='<a href="links.php#section3">Organization & Associations</a>'

menu5[3]='<a href="links.php#section4">Publishers/Publications – Canada</a>'

menu5[4]='<a href="links.php#section5">Skin Cancer</a>'

menu5[5]='<a href="links.php#section6">Sun Care - UV Protection – Sun Exposure</a>'

menu5[6]='<a href="links.php#section7">Government and General Interest</a>'

menu5[7]='<a href="links.php#section8">On Line Publishers</a>'


var menuwidth='165px' //default menu width

var menubgcolor='#e6e6e6'  //menu bgcolor

var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?


/////No further editting needed

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ie4||ns6)

document.write('<div id="dropmenudiv" style="filter:alpha(opacity=95);visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){

	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

	var parentEl=what.offsetParent;

	while (parentEl!=null){

		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

		parentEl=parentEl.offsetParent;

	}

	return totaloffset;

}


function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

if (menuwidth!=""){

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?

edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge

}

}

return edgeoffset

}


function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("")

}


function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv

populatemenu(menucontents)


if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")

dropmenuobj.y=getposOffset(obj, "top")

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=-13 + dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}

return clickreturnvalue()

}

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

function hidemenu(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

function clearhidemenu(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}

if (hidemenu_onclick=="yes")

document.onclick=hidemenu


/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0] =["images/kaleidescope/DSC_5195.JPG", "#null", ""]
fadeimages[1] =["images/kaleidescope/DSC_5127.JPG", "#null", ""]
fadeimages[2] =["images/kaleidescope/DSC_5063.JPG", "#null", ""]
fadeimages[3] =["images/kaleidescope/DSC_5065.JPG", "#null", ""]
fadeimages[4] =["images/kaleidescope/DSC_5066.JPG", "#null", ""]
fadeimages[5] =["images/kaleidescope/DSC_5070.JPG", "#null", ""]
fadeimages[6] =["images/kaleidescope/DSC_5076.JPG", "#null", ""]
fadeimages[7] =["images/kaleidescope/DSC_5078.JPG", "#null", ""]
fadeimages[8] =["images/kaleidescope/DSC_5082.JPG", "#null", ""]
fadeimages[9] =["images/kaleidescope/DSC_5083.JPG", "#null", ""]
fadeimages[10]=["images/kaleidescope/DSC_5087.JPG", "#null", ""]
fadeimages[11]=["images/kaleidescope/DSC_5089.JPG", "#null", ""]
fadeimages[12]=["images/kaleidescope/DSC_5091.JPG", "#null", ""]
fadeimages[13]=["images/kaleidescope/DSC_5094.JPG", "#null", ""]
fadeimages[14]=["images/kaleidescope/DSC_5096.JPG", "#null", ""]
fadeimages[15]=["images/kaleidescope/DSC_5097.JPG", "#null", ""]
fadeimages[16]=["images/kaleidescope/DSC_5102.JPG", "#null", ""]
fadeimages[17]=["images/kaleidescope/DSC_5106.JPG", "#null", ""]
fadeimages[18]=["images/kaleidescope/DSC_5109.JPG", "#null", ""]
fadeimages[19]=["images/kaleidescope/DSC_5110.JPG", "#null", ""]
fadeimages[20]=["images/kaleidescope/DSC_5112.JPG", "#null", ""]
fadeimages[21]=["images/kaleidescope/DSC_5114.JPG", "#null", ""]
fadeimages[22]=["images/kaleidescope/DSC_5118.JPG", "#null", ""]
fadeimages[23]=["images/kaleidescope/DSC_5119.JPG", "#null", ""]
fadeimages[24]=["images/kaleidescope/DSC_5121.JPG", "#null", ""]
fadeimages[25]=["images/kaleidescope/DSC_5126.JPG", "#null", ""]
fadeimages[26]=["images/kaleidescope/DSC_5131.JPG", "#null", ""]
fadeimages[27]=["images/kaleidescope/DSC_5132.JPG", "#null", ""]
fadeimages[28]=["images/kaleidescope/DSC_5134.JPG", "#null", ""]
fadeimages[29]=["images/kaleidescope/DSC_5154.JPG", "#null", ""]
fadeimages[30]=["images/kaleidescope/DSC_5156.JPG", "#null", ""]
fadeimages[31]=["images/kaleidescope/DSC_5157.JPG", "#null", ""]
fadeimages[32]=["images/kaleidescope/DSC_5190.JPG", "#null", ""]
fadeimages[33]=["images/kaleidescope/DSC_5196.JPG", "#null", ""]
fadeimages[34]=["images/kaleidescope/DSC_5198.JPG", "#null", ""]
fadeimages[35]=["images/kaleidescope/DSC_5199.JPG", "#null", ""]
fadeimages[36]=["images/kaleidescope/DSC_5200.JPG", "#null", ""]
fadeimages[37]=["images/kaleidescope/DSC_5201.JPG", "#null", ""]
fadeimages[38]=["images/kaleidescope/DSC_5203.JPG", "#null", ""]
fadeimages[39]=["images/kaleidescope/DSC_5204.JPG", "#null", ""]
fadeimages[40]=["images/kaleidescope/DSC_5205.JPG", "#null", ""]
fadeimages[41]=["images/kaleidescope/DSC_5206.JPG", "#null", ""]
fadeimages[42]=["images/kaleidescope/DSC_5208.JPG", "#null", ""]
fadeimages[43]=["images/kaleidescope/DSC_5210.JPG", "#null", ""]


var fadebgcolor="white"

////NO need to edit beyond here/////////////

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}


fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=obj.degree/100
}


fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}