"+ picSrc +"<\/title><\/head>"); newWin.document.write("<center>"); newWin.document.write("<img src=" + picSrc + ">"); newWin.document.write("<br/><br/><form><input type='button' value='Close' onclick='JavaScript:window.close()'>"); newWin.document.write("<\/form><\/center>"); } function openTour( picSrc ){ newWin = window.open('', '', 'height=270, width=340, toolbars=no, scrollbars=no' ); newWin.document.write("<head><title>"+ picSrc +"<\/title><\/head>"); newWin.document.write("<center style='font-family:Arial; font-size:10px;'>"); newWin.document.write("<APPLET archive=/ptviewer.jar code=ptviewer.class width=320 height=200>"); newWin.document.write("<PARAM name=file value='" + picSrc + "'>"); newWin.document.write("<PARAM name=auto value='0.07'>"); newWin.document.write("<\/APPLET>"); newWin.document.write("<br/>Click and drag on the image to move around<br/><form><input type='button' value='Close' onclick='JavaScript:window.close()'>"); newWin.document.write("<\/form><\/center>"); } function viewInfoTab(tab) { document.getElementById('intro').style.display = 'none'; document.getElementById('vision').style.display = 'none'; document.getElementById('aims').style.display = 'none'; document.getElementById('workwith').style.display = 'none'; document.getElementById('courses').style.display = 'none'; document.getElementById('started').style.display = 'none'; document.getElementById('report').style.display = 'none'; document.getElementById(tab).style.display = 'block'; } function viewInvolveTab(tab) { document.getElementById('intro').style.display = 'none'; document.getElementById('aware').style.display = 'none'; document.getElementById('informed').style.display = 'none'; document.getElementById('write').style.display = 'none'; document.getElementById('event').style.display = 'none'; document.getElementById('work').style.display = 'none'; document.getElementById('taskforces').style.display = 'none'; document.getElementById(tab).style.display = 'block'; } function viewGivingTab(tab) { document.getElementById('intro').style.display = 'none'; document.getElementById('used').style.display = 'none'; document.getElementById('items').style.display = 'none'; document.getElementById('expect').style.display = 'none'; document.getElementById(tab).style.display = 'block'; } function viewSupportersTab(tab) { document.getElementById('howcan').style.display = 'none'; document.getElementById('whatcan').style.display = 'none'; document.getElementById('ideas').style.display = 'none'; document.getElementById('justgive').style.display = 'none'; document.getElementById('newsletters').style.display = 'none'; document.getElementById(tab).style.display = 'block'; } function viewUsedTab(tab) { document.getElementById('oneoff').style.display = 'none'; document.getElementById('oneoff_link').setAttribute("class", ""); document.getElementById('oneoff_link').setAttribute("className", ""); document.getElementById('regular').style.display = 'none'; document.getElementById('regular_link').setAttribute("class", ""); document.getElementById('regular_link').setAttribute("className", ""); document.getElementById('sponsor').style.display = 'none'; document.getElementById('sponsor_link').setAttribute("class", ""); document.getElementById('sponsor_link').setAttribute("className", ""); document.getElementById(tab).style.display = 'block'; document.getElementById(tab+'_link').setAttribute("class", "active"); document.getElementById(tab+'_link').setAttribute("className", "active"); } function viewTraffickTab(tab) { document.getElementById('intro').style.display = 'none'; document.getElementById('infostats').style.display = 'none'; document.getElementById('traffick_uk').style.display = 'none'; document.getElementById('response').style.display = 'none'; document.getElementById('publications').style.display = 'none'; document.getElementById(tab).style.display = 'block'; } /***** Image Cross Fade Redux Version 1.0 Last revision: 02.15.2006 steve@slayeroffice.com Please leave this notice intact. Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html *****/ window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init); var d=document, imgs = new Array(), zInterval = null, current=0, pause=false; function so_init() { if(!d.getElementById || !d.createElement)return; // DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT! // http://slayeroffice.com/code/imageCrossFade/xfade2.css css = d.createElement("link"); css.setAttribute("href","/includes/xfade2.css"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); d.getElementsByTagName("head")[0].appendChild(css); imgs = d.getElementById("banner").getElementsByTagName("img"); for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0; imgs[0].style.display = "block"; imgs[0].xOpacity = .99; setTimeout(so_xfade,4500); } function so_xfade() { cOpacity = imgs[current].xOpacity; nIndex = imgs[current+1]?current+1:0; nOpacity = imgs[nIndex].xOpacity; cOpacity-=.05; nOpacity+=.05; imgs[nIndex].style.display = "block"; imgs[current].xOpacity = cOpacity; imgs[nIndex].xOpacity = nOpacity; setOpacity(imgs[current]); setOpacity(imgs[nIndex]); if(cOpacity<=0) { imgs[current].style.display = "none"; current = nIndex; setTimeout(so_xfade,4500); } else { setTimeout(so_xfade,50); } function setOpacity(obj) { if(obj.xOpacity>.99) { obj.xOpacity = .99; return; } obj.style.opacity = obj.xOpacity; obj.style.MozOpacity = obj.xOpacity; obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")"; } } /** * author: Timothy Groves - http://www.brandspankingnew.net * version: 1.3 - 2006-11-02 * 1.2 - 2006-11-01 * 1.1 - 2006-09-29 * 1.0 - 2006-09-25 * * requires: nothing * */ var useBSNns; if (useBSNns) { if (typeof(bsn) == "undefined") bsn = {} var _bsn = bsn; } else { var _bsn = this; } _bsn.Crossfader = function (divs, fadetime, delay ) { this.nAct = -1; this.aDivs = divs; for (var i=0;i<divs.length;i++) { document.getElementById(divs[i]).style.opacity = 0; document.getElementById(divs[i]).style.position = "absolute"; document.getElementById(divs[i]).style.filter = "alpha(opacity=0)"; document.getElementById(divs[i]).style.visibility = "hidden"; } this.nDur = fadetime; this.nDelay = delay; this._newfade(); } _bsn.Crossfader.prototype._newfade = function() { if (this.nID1) clearInterval(this.nID1); this.nOldAct = this.nAct; this.nAct++; if (!this.aDivs[this.nAct]) this.nAct = 0; if (this.nAct == this.nOldAct) return false; document.getElementById( this.aDivs[this.nAct] ).style.visibility = "visible"; this.nInt = 50; this.nTime = 0; var p=this; this.nID2 = setInterval(function() { p._fade() }, this.nInt); } _bsn.Crossfader.prototype._fade = function() { this.nTime += this.nInt; var ieop = Math.round( this._easeInOut(this.nTime, 0, 1, this.nDur) * 100 ); var op = ieop / 100; document.getElementById( this.aDivs[this.nAct] ).style.opacity = op; document.getElementById( this.aDivs[this.nAct] ).style.filter = "alpha(opacity="+ieop+")"; if (this.nOldAct > -1) { document.getElementById( this.aDivs[this.nOldAct] ).style.opacity = 1 - op; document.getElementById( this.aDivs[this.nOldAct] ).style.filter = "alpha(opacity="+(100 - ieop)+")"; } if (this.nTime == this.nDur) { clearInterval( this.nID2 ); if (this.nOldAct > -1) document.getElementById( this.aDivs[this.nOldAct] ).style.visibility = "hidden"; var p=this; this.nID1 = setInterval(function() { p._newfade() }, this.nDelay); } } _bsn.Crossfader.prototype._easeInOut = function(t,b,c,d) { return c/2 * (1 - Math.cos(Math.PI*t/d)) + b; } /************************************************************************************************************ (C) www.dhtmlgoodies.com, November 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ var slideTimeBetweenSteps = 50; // General speed variable (Lower = slower) var scrollingContainer = false; var scrollingContent = false; var containerHeight; var contentHeight; var contentObjects = new Array(); var originalslideSpeed = false; function slideContent(containerId) { var topPos = contentObjects[containerId]['objRef'].style.top.replace(/[^\-0-9]/g,''); topPos = topPos - contentObjects[containerId]['slideSpeed']; if(topPos/1 + contentObjects[containerId]['contentHeight']/1<0)topPos = contentObjects[containerId]['containerHeight']; contentObjects[containerId]['objRef'].style.top = topPos + 'px'; setTimeout('slideContent("' + containerId + '")',slideTimeBetweenSteps); } function stopSliding() { var containerId = this.id; contentObjects[containerId]['slideSpeed'] = 0; } function restartSliding() { var containerId = this.id; contentObjects[containerId]['slideSpeed'] = contentObjects[containerId]['originalSpeed']; } function initSlidingContent(containerId,slideSpeed) { scrollingContainer = document.getElementById(containerId); scrollingContent = scrollingContainer.getElementsByTagName('DIV')[0]; scrollingContainer.style.position = 'relative'; scrollingContainer.style.overflow = 'hidden'; scrollingContent.style.position = 'relative'; scrollingContainer.onmouseover = stopSliding; scrollingContainer.onmouseout = restartSliding; originalslideSpeed = slideSpeed; scrollingContent.style.top = '0px'; contentObjects[containerId] = new Array(); contentObjects[containerId]['objRef'] = scrollingContent; contentObjects[containerId]['contentHeight'] = scrollingContent.offsetHeight; contentObjects[containerId]['containerHeight'] = scrollingContainer.clientHeight; contentObjects[containerId]['slideSpeed'] = slideSpeed; contentObjects[containerId]['originalSpeed'] = slideSpeed; slideContent(containerId); } /* SLIDER - Javascript Animation Script from http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/ */ var timerlen = 5; var slideAniLen = 250; var timerID = new Array(); var startTime = new Array(); var obj = new Array(); var endHeight = new Array(); var moving = new Array(); var dir = new Array(); function slidedown(objname){ if(moving[objname]) return; if(document.getElementById(objname).style.display != "none") return; // cannot slide down something that is already visible moving[objname] = true; dir[objname] = "down"; startslide(objname); } function slideup(objname){ if(moving[objname]) return; if(document.getElementById(objname).style.display == "none") return; // cannot slide up something that is already hidden moving[objname] = true; dir[objname] = "up"; startslide(objname); } function startslide(objname){ obj[objname] = document.getElementById(objname); endHeight[objname] = parseInt(obj[objname].style.height); startTime[objname] = (new Date()).getTime(); if(dir[objname] == "down"){ obj[objname].style.height = "1px"; } obj[objname].style.display = "block"; timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen); } function slidetick(objname){ var elapsed = (new Date()).getTime() - startTime[objname]; if (elapsed > slideAniLen) endSlide(objname) else { var d =Math.round(elapsed / slideAniLen * endHeight[objname]); if(dir[objname] == "up") d = endHeight[objname] - d; obj[objname].style.height = d + "px"; } return; } function endSlide(objname){ clearInterval(timerID[objname]); if(dir[objname] == "up") obj[objname].style.display = "none"; obj[objname].style.height = endHeight[objname] + "px"; delete(moving[objname]); delete(timerID[objname]); delete(startTime[objname]); delete(endHeight[objname]); delete(obj[objname]); delete(dir[objname]); return; } function toggleSlide(objname){ if(document.getElementById(objname).style.display == "none"){ // div is hidden, so let's slide down slidedown(objname); }else{ // div is not hidden, so slide up slideup(objname); } }