hex=255;
hex2=0;
bg_hex=0;
bg_hex2=255;

function fadeout()
{ 
  	if( hex > 0 ) 
  	{ 
    	hex-=10; 
		hex2+=10;
//    	document.getElementById("support").style.color="rgb("+0+","+0+","+hex+")";
    	document.getElementById("support").style.color="rgb("+hex+","+hex+","+hex+")";
	   	setTimeout("fadeout()",150); 
  	}
  	else
  	{
		setTimeout("fadein()",150);
	}
}



function fadein()
{ 
	if ( hex < 255 )
	{ 		
    	hex+=10;
    	hex2-=10; 
    	document.getElementById("support").style.color="rgb("+hex2+","+0+","+hex+")";
//    	document.getElementById("support").style.color="rgb("+hex+","+hex+","+hex+")";
    	setTimeout("fadein()",150);
  	}
  	else
  	{
		setTimeout("fadeout()",150);
	}																		
}




function bg_fadeout()
{ 
    	document.getElementById("bg_support").style.backgroundColor="rgb("+hex+","+hex2+","+0+")";
//    	document.getElementById("bg_support").style.backgroundColor="rgb("+hex+","+hex2+","+hex2+")";

}



function bg_fadein()
{ 
    	document.getElementById("bg_support").style.backgroundColor="rgb("+hex2+","+hex+","+0+")";
//    	document.getElementById("bg_support").style.backgroundColor="rgb("+hex2+","+hex+","+hex+")";

}


var initialimages=new Array();

initialimages[0]="images/OWM_Logo7b.gif";
initialimages[1]="images/OWM_Logo7c.gif";

initialimages[2]="images/building1small2.jpg";
initialimages[3]="images/beige009679857.jpg";

initialimages[4]="images/bullet2.gif";
initialimages[5]="images/greenbar.gif";
initialimages[6]="images/yellowbar.gif";
initialimages[7]="images/bluebar.gif";
initialimages[8]="images/bluebar2.gif";
initialimages[9]="images/redbar.gif";
initialimages[10]="images/dot1.gif";
initialimages[11]="images/dot2.gif";
initialimages[12]="images/supportbox2.gif";

 
var myInitialimages = new Array();

for ( i=0; i<initialimages.length;i++ )
{
	myInitialimages[i]=new Image();
	myInitialimages[i].src=initialimages[i];
}




/***********************************************
* 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()

fadeimages[0]=["images/header_image_1.jpg", "", ""] //plain image syntax
fadeimages[1]=["images/whoarewe1aa.jpg", "", ""]
fadeimages[2]=["images/primarya.jpg", "", ""]
fadeimages[3]=["images/programs1a.jpg", "", ""]
fadeimages[4]=["images/elementarya.jpg", "", ""]
fadeimages[5]=["images/elementary2a.jpg", "", ""]
fadeimages[6]=["images/elementary3a.jpg", "", ""]
fadeimages[7]=["images/elementary4a.jpg", "", ""]
fadeimages[8]=["images/elementary5a.jpg", "", ""]
fadeimages[9]=["images/summera.jpg", "", ""]
fadeimages[10]=["images/edforpeacea.jpg", "", ""]
fadeimages[11]=["images/parents1a.jpg", "", ""]
fadeimages[12]=["images/EarthDay_5a.jpg", "", ""]
fadeimages[13]=["images/header_image_2.jpg", "", ""]
fadeimages[14]=["images/header_image_3.jpg", "", ""]
fadeimages[15]=["images/header_image_4.jpg", "", ""]
fadeimages[16]=["images/header_image_5.jpg", "", ""]
fadeimages[17]=["images/header_image_6.jpg", "", ""]
fadeimages[18]=["images/header_image_7.jpg", "", ""]
fadeimages[19]=["images/header_image_8.jpg", "", ""]
fadeimages[20]=["images/header_image_9.jpg", "", ""]
fadeimages[21]=["images/header_image_10.jpg", "", ""]
fadeimages[22]=["images/header_image_11.jpg", "", ""]
fadeimages[23]=["images/header_image_13.jpg", "", ""]
fadeimages[24]=["images/header_image_14.jpg", "", ""]

 
//var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.

//fadeimages2[0]=["images/UNDay_4s.jpg", "", ""] 
//fadeimages2[1]=["images/UNDay_1s.jpg", "", ""] 

 
var fadebgcolor="#385C72"
  
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 imageObject(obj, idx)
{
	obj.postimages[idx]=new Image();
 	obj.postimages[idx].src=fadeimages[idx][0];
	return obj.postimages[idx].src;
}

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
 
	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="overflow:hidden;"><div id="'+this.canvasbase+'_0" style="filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div>');
	//</div>')
	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:'+3+'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;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="' + imageObject(this, 0) + '"></div>')
//	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+=2
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<fadeimages.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]+'">'
itmp = imageObject(this, picindex);
slideHTML+='<img src="'+ itmp + '" 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=imageObject(this, this.curimageindex)

}
this.curimageindex=(this.curimageindex<fadeimages.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()
}



////////////////////
/*
This code is from Dynamic Web Coding 
at http://www.dyn-web.com/
See Terms of Use at http://www.dyn-web.com/bus/terms.html
Permission granted to use this code 
as long as this entire notice is included.
*/
/////////////////


// put images to preload in this array
var preload_list = new Array("UNDay_1s.jpg", "Halloween_1s.jpg", "diwali_6s.jpg", "group_turkey_1d.jpg", "group_dance_1c.jpg", "WCT_1s.jpg", "earthday_av_1.jpg", "graduation_group_1.jpg", "stage_4s.jpg", "white_1s.jpg");
var path_to_images = "images/";


if (document.images) 
{
	var image_list = new Array();

	for (var preload_counter=0; preload_counter<preload_list.length; preload_counter++) 
	{
  		image_list[preload_counter] = new Image(); 
		image_list[preload_counter].src = path_to_images + preload_list[preload_counter];	
    }
}

var swapTimer;
// delay before restoring original image onmouseout

var restore_delay = 800; // milliseconds

function swapImage(num) {
	if (swapTimer) clearTimeout(swapTimer);
	if (document.images) {
		document.swap.src = image_list[num].src;
	}
}

function restoreImg() {
	swapTimer = setTimeout("swapImage("+0+")",restore_delay);
}