/*********************************************** * Ultimate Fade-In Slideshow (v1.51): © 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 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

') else document.write('

') 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 if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } 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' slideHTML+='' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='' 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= 5); var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5); var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4); var NS3 = (bName == "Netscape" && bVer < 4); var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4); var Op = (bName == "Opera"); window.onerror = null; var menuActive = 0 var menuOn = 0 var onLayer var timeOn = null // LAYER SWITCHING CODE if (NS4 || IE4 || NS6 || Op) { if (navigator.appName == "Netscape" && !document.getElementById){ layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; layerVis="show"; layerHid="hide"; } else if (!document.all && document.getElementById) { layerStyleRef="layer.style."; layerRef="document.getElementById"; styleSwitch=".style"; layerVis="visible"; layerHid="hidden"; } else { layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; layerVis="visible"; layerHid="hidden"; } } // SHOW MENU function shLayer(layerName){ img = getImage("imgTabs"); x = getImagePageLeft(img); y = getImagePageTop(img); menuTop = y + 40 ; // LAYER TOP POSITION AboutUsL = x + 10 ; // 'AboutUs' LAYER LEFT POSITION LearningAtFISL = x + 140 ; // 'LearningAtFIS' LAYER LEFT POSITION LearningSupportL = x + 270 ; // 'LearningSupport' LAYER LEFT POSITION LifeAtFISL = x + 400 ; // 'LifeAtFIS' LAYER LEFT POSITION PracticalInformationL = x + 531 ; // 'Practical Information' LAYER LEFT POSITION LinksL = x + 661 ; // 'Links' LAYER LEFT POSITION //adding "px" after each number to fix bug on macs in certain browsers menuTop = menuTop + "px"; AboutUsL = AboutUsL + "px"; LearningAtFISL = LearningAtFISL + "px"; LearningSupportL = LearningSupportL + "px"; LifeAtFISL = LifeAtFISL + "px"; PracticalInformationL = PracticalInformationL + "px"; LinksL = LinksL + "px"; if (NS4 || IE4 || NS6 || Op) { if (timeOn != null) { clearTimeout(timeOn) hideLayer(onLayer) } if (NS4 || IE4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"'); eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+menuTop+'"'); eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'L')+'"'); } if (NS6 || Op) { eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"'); eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+menuTop+'"'); eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'L')+'"'); } onLayer = layerName } }// HIDE MENU function hideLayer(layerName){ if (menuActive == 0) { if (NS4 || IE4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerHid+'"'); } if (NS6 || Op) { eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerHid+'"'); } } }// TIMER FOR BUTTON MOUSE OUT function btnTimer() { timeOn = setTimeout("btnOut()",1000) }// BUTTON MOUSE OUT function btnOut(layerName) { if (menuActive == 0) { hideLayer(onLayer) } }// MENU MOUSE OVER function menuOver(itemName) { clearTimeout(timeOn) menuActive = 1 }// MENU MOUSE OUT function menuOut(itemName) { menuActive = 0 timeOn = setTimeout("hideLayer(onLayer)", 400) }// SET BACKGROUND COLOR function setBgColor(layer, color) { if (NS6 || Op){ eval('document.getElementById("'+layer+'").style.backgroundColor="'+color+'"'); } else if (NS4){ eval('window.document.layers["'+layer+'"].document.bgColor="'+color+'"'); eval('window.document.layers["'+layer+'"].saveColor="'+color+'"'); } else if (IE4){ eval('document.all.'+layer+'.style.backgroundColor="'+color+'"'); } } function setTextColor(i,c) { document.getElementById(i).style.color = c; } function getImage(name) { if (NS4 || NS6 || Op) { return findImage(name, document); } if (IE4 || NS6 || Op) return eval('document.all.' + name); return null; } function findImage(name, doc) { var i, img; for (i = 0; i < doc.images.length; i++) if (doc.images[i].name == name) return doc.images[i]; for (i = 0; i < doc.layers.length; i++) if ((img = findImage(name, doc.layers[i].document)) != null) { img.container = doc.layers[i]; return img; } return null; } function getImagePageLeft(img) { var x, obj; x = 0; obj = img; if (obj.offsetParent != null) { while (obj.offsetParent != null) { x += obj.offsetLeft; obj = obj.offsetParent; } x += obj.offsetLeft; return x; } //return -1; } function getImagePageTop(img) { var y, obj; y = 0; obj = img; if (obj.offsetParent != null) { while (obj.offsetParent != null) { y += obj.offsetTop; obj = obj.offsetParent; } y += obj.offsetTop; return y; } //return -1; } function getImagePageLeft_original(img) { //leaving these functions as they are original from the menu code but not using var x, obj; if (NS4 || NS6) { if (img.container != null) return img.container.pageX + img.x - 1; else return img.x - 1; } if (IE4) { x = 0; obj = img; while (obj.offsetParent != null) { x += obj.offsetLeft; obj = obj.offsetParent; } x += obj.offsetLeft; return x; } return -1; } function getImagePageTop_original(img) { //leaving these functions as they are original from the menu code but not using var y, obj; if (NS4 || NS6) { if (img.container != null) return img.container.pageY + img.y; else return img.y; } if (IE4) { y = 0; obj = img; while (obj.offsetParent != null) { y += obj.offsetTop; obj = obj.offsetParent; } y += obj.offsetTop; return y; } return -1; } // -->