function main_menu()

{

	document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr><td width="30">&nbsp;</td>');
	document.write('<td width="90" id="buttons"><a href="index.html">Home</a></td>');
	document.write('<td id="buttons" style="border-left:1px solid #FFCC99;"><a href="#" onmouseover="dropdownmenu(this, event, menu1,\'140px\')" onmouseout="delayhidemenu()">About Us </a></td>');
	document.write('<td id="buttons" style="border-left:1px solid #FFCC99;"><a href="#" onmouseover="dropdownmenu(this, event, menu2, \'140px\')" onmouseout="delayhidemenu()">Projects</a></td>');
	document.write('<td width="95" id="buttons" style="border-left:1px solid #FFCC99;"><a href="CSR-impact.html"> Impact </a></td>');
	document.write('<td width="140" id="buttons" style="border-left:1px solid #FFCC99;"><a href="sstories.html">Success Stories</a></td>');
	document.write('<td id="buttons" style="border-left:1px solid #FFCC99;"><a href="contact.html">Contact</a></td>');
	document.write('<td id="buttons" style="border-left:1px solid #FFCC99;"><a href="sifgss.html">SIFGSS</a></td>');
	document.write('<td id="buttons" style="border-left:1px solid #FFCC99;"><a href="OSOCOS.html">OSOCOS</a> </td>');
	document.write('<td width="40">&nbsp;</td>');
	document.write('</tr></table>');

}

function left_column1()

{

	document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td><script type="text/javascript">new fadeshow(oneday, 200, 200, 0, 2500, 0, "");</script></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td width="30"><img src="images/heading-left.jpg" alt="&gt;" width="30" height="23" /></td>');
	document.write('<td bgcolor="#FFE284"><h3>Photo Gallery </h3></td>');
	document.write('<td width="18"><img src="images/heading-right.jpg" alt="&lt;" width="18" height="23" /></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td align="center" id="main_page"><script type="text/javascript">');
	//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
	document.write('new fadeshow(fadeimages, 110, 100, 1, 2500, 0, "")');
	document.write('</script></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td width="30"><img src="images/heading-left.jpg" alt="&gt;" width="30" height="23" /></td>');
	document.write('<td bgcolor="#FFE284"><h3>Video</h3></td>');
	document.write('<td width="18"><img src="images/heading-right.jpg" alt="&lt;" width="18" height="23" /></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td align="center" id="main_page"><a href="steria.html" target="_blank"><img src="images/video_image.jpg" alt="Click here to play the video" width="161" height="110" border="0" /></a></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('<td valign="top" id="left_column"><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td width="30"><img src="images/heading-left.jpg" alt="&gt;" width="30" height="23" /></td>');
	document.write('<td bgcolor="#FFE284"><h3>News </h3></td>');
	document.write('<td width="18"><img src="images/heading-right.jpg" alt="&lt;" width="18" height="23" /></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td id="main_page">');
	document.write('<div class="news_class" style="height:220px; z-index:100; overflow: auto;">');
	document.write('<ul><li><a href="news_ch_may.html#70">OSOCOS Projects Exam Results</a></li>');
	document.write('<li><a href="news_ch_may.html#71">Padma Adarsh School Result</a></li>');
	document.write('<li><a href="news_no_may.html">School Exam Results Noida</a></li>');
	document.write('<li><a href="news_pu_may.html">School Exam Results Pune</a></li>');
	document.write('<li><a href="ODC.html">One Day Challenge 2010 Raffle</a></li>');
	document.write('<li><a href="news_ch_apr.html#1">Summer Camp at Mambakkam</a></li>');
	document.write('<li><a href="news_ch_apr.html#2">Summer Camp for High School Students</a></li>');
	document.write('<li><a href="news_ch_apr.html#3">TNWDC Bazaar</a></li>');
	document.write('<li><a href="news_ch_apr.html#4">Steria Supervisory Board Members Visit</a></li>');
	document.write('<li><a href="news_no_apr.html#1">Earth Day Celebrations</a></li>');
	document.write('<li><a href="news_no_apr.html#2">Workshop on Women Empowerment</a></li>');
	document.write('<li><a href="news_no_apr.html#3">Fund Raising for Sai Kripa</a></li>');
	document.write('<li><a href="news_no_apr.html#4">Karate Childern Test</a></li>');
	document.write('<li><a href="news_no_apr.html#5">National Karate Competition</a></li>');
	document.write('<li><a href="news_pu_apr.html#1">NHS/SBS Visit</a></li>');
	document.write('<li><a href="news_pu_apr.html#2">Camps for School Children</a></li>');
	document.write('<li><a href="news_pu_apr.html#3">Summer Camp Finale</a></li>');
	document.write('<li><a href="news_pu_apr.html#4">Summer Camp at Jagriti Blind School</a></li>');
	document.write('<li><a href="news_pu_apr.html#5">Army Based Camp</a></li>');
	document.write('<li><a href="news_pu_apr.html#6">Training Programme on Volleyball and Football</a></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_ch_march.html">Inuaguration of Spain School (12 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_ch_march.html">Steria Academy Visit to Medayakkam School (12 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_ch_march.html">Toy Collection Drive (1-31 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_no_march.html">Fun Day for Sports Winners (4 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_no_march.html">Water Day Celebrations (22 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_no_march.html">Workshop Women Empowerment (31 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_pu_march.html">Old Age Home Visit (19 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_pu_march.html">NHS/SBS Visit to CSR Project (25 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="news_pu_march.html">Teacher Training Program (6 March 2010)</a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="allnews.html">News Archives....</a></font></li>');
	document.write('</ul></div>');
	document.write('</td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td width="30"><img src="images/heading-left.jpg" alt="&gt;" width="30" height="23" /></td>');
	document.write('<td bgcolor="#FFE284"><h3>4 Key Initiatives</h3></td>');
	document.write('<td width="18"><img src="images/heading-right.jpg" alt="&lt;" width="18" height="23" /></td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td id="main_page">');
	document.write('<ul>');
	document.write('<li><font face="Arial" size="2"><a href="initiatives.html#35" class="style4">Each One Teach One </a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="initiatives.html#36" class="style4">One Steria One Country One School </a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="initiatives.html#37" class="style4">Steria India Foundation Graduate Scholarship Scheme </a></font></li>');
	document.write('<li><font face="Arial" size="2"><a href="initiatives.html#38" class="style4">Carbon Management Program</a></font></li>');
	<!--<li><font face="Arial" size="2"><a name="upnews3"></a><a href="upcoming_events.html#upnews3">ODC Plans</a></font></li>//-->
	document.write('</ul>');
	document.write('</td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>&nbsp;</td>');
	document.write('</tr>');
	document.write('</table></td>');
	document.write('</tr>');
	document.write('</table>');
	

}



function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}



function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function marquee_steria()

{

	document.write ('<marquee width=95% scrollamount="4">Donations to \'Steria India Foundation\' receive tax exemption under Section 80G of the Income Tax Act 1961 </marquee>');

}

//Contents for menu 1

var menu1=new Array()
menu1[0]='<a href="about_vision.html">Vision &amp; Mission</a>'
//menu1[1]='<a href="about_mission.html">Mission</a>'
menu1[1]='<a href="csr_overview.html">CSR Overview</a>'
menu1[2]='<a href="about_approach.html">Our Approach</a>'
menu1[3]='<a href="about_csm.html">Community Service Model</a>'
menu1[4]='<a href="about_engagements.html">Engagements </a>'
menu1[5]='<a href="about_trustee.html">Trustees </a>'
menu1[6]='<a href="about_csr_team.html">CSR Team </a>'
menu1[7]='<a href="about_volunteers.html">Our Volunteers </a>'


//Contents for menu 2

var menu2=new Array()
menu2[0]='<a href="chennai_projects.html">Chennai </a>'
menu2[1]='<a href="noida_projects.html">Noida </a>'
menu2[2]='<a href="pune_projects.html">Pune</a>'
menu2[3]='<a href="other_projects.html">Others</a>'
var menuwidth='140px' //default menu width
var menubgcolor='#FFE6CA'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)

document.write('<div id="dropmenudiv" style="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="-500px"
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=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



//Menubar code ends here................................................................................................

////....................................................................................................................

////....................................................................................................................



//images slideshow code starts..........................................................................................

////....................................................................................................................



				//Specify the slider's width (in pixels)

				var sliderwidth="160px"

				//Specify the slider's height

				var sliderheight="100px"

				//Specify the slider's slide speed (larger is faster 1-10)

				var slidespeed=1

				//configure background color:

				slidebgcolor="#ffffff"



				//Specify the slider's images

				var leftrightslide=new Array()

				var finalslide=''

					leftrightslide[0]='<a target = "_ blank" href="23.html"><img src="images/photogallery/thumbs/23.jpg" border=0></a>'

					leftrightslide[1]='<a target = "_ blank" href="24.html"><img src="images/photogallery/thumbs/24.jpg" border=0></a>'

					leftrightslide[2]='<a target = "_ blank" href="25.html"><img src="images/photogallery/thumbs/25.jpg" border=0></a>'

					leftrightslide[3]='<a target = "_ blank" href="26.html"><img src="images/photogallery/thumbs/26.jpg" border=0></a>'

					leftrightslide[4]='<a target = "_ blank" href="27.html"><img src="images/photogallery/thumbs/27.jpg" border=0></a>'

					leftrightslide[5]='<a target = "_ blank" href="28.html"><img src="images/photogallery/thumbs/28.jpg" border=0></a>'

					leftrightslide[6]='<a target = "_ blank" href="29.html"><img src="images/photogallery/thumbs/29.jpg" border=0></a>'

					leftrightslide[7]='<a target = "_ blank" href="30.html"><img src="images/photogallery/thumbs/30.jpg" border=0></a>'

					leftrightslide[8]='<a target = "_ blank" href="31.html"><img src="images/photogallery/thumbs/31.jpg" border=0></a>'

					leftrightslide[9]='<a target = "_ blank" href="32.html"><img src="images/photogallery/thumbs/32.jpg" border=0></a>'

					leftrightslide[10]='<a target = "_ blank" href="33.html"><img src="images/photogallery/thumbs/33.jpg" border=0></a>'

					leftrightslide[11]='<a target = "_ blank" href="34.html"><img src="images/photogallery/thumbs/34.jpg" border=0></a>'

					leftrightslide[12]='<a target = "_ blank" href="35.html"><img src="images/photogallery/thumbs/35.jpg" border=0></a>'					

					leftrightslide[13]='<a target = "_ blank" href="36.html"><img src="images/photogallery/thumbs/36.jpg" border=0></a>'

					leftrightslide[14]='<a target = "_ blank" href="37.html"><img src="images/photogallery/thumbs/37.jpg" border=0></a>'					

					leftrightslide[15]='<a target = "_ blank" href="38.html"><img src="images/photogallery/thumbs/38.jpg" border=0></a>'

					leftrightslide[16]='<a target = "_ blank" href="39.html"><img src="images/photogallery/thumbs/39.jpg" border=0></a>'					

					leftrightslide[17]='<a target = "_ blank" href="40.html"><img 					src="images/photogallery/thumbs/40.jpg" border=0></a>'
				


//Specify gap between each image (use HTML):

					var imagegap="&nbsp;"

					

					//Specify pixels gap between each slideshow rotation (use integer):

					var slideshowgap=0

					

					

					////NO NEED TO EDIT BELOW THIS LINE////////////

					

					var copyspeed=slidespeed

					leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'

					var iedom=document.all||document.getElementById

					if (iedom)

						document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

					var actualwidth=''

					var cross_slide, ns_slide

					

					function fillup(){

						if (iedom){

							cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2

							cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3

							cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide

							actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth

							cross_slide2.style.left=actualwidth+slideshowgap+"px"

						}

						else if (document.layers){

							ns_slide=document.ns_slidemenu.document.ns_slidemenu2

							ns_slide2=document.ns_slidemenu.document.ns_slidemenu3

							ns_slide.document.write(leftrightslide)

							ns_slide.document.close()

							actualwidth=ns_slide.document.width

							ns_slide2.left=actualwidth+slideshowgap

							ns_slide2.document.write(leftrightslide)

							ns_slide2.document.close()

						}

						lefttime=setInterval("slideleft()",30)

					}

				

			//		window.onload=fillup

					

					function slideleft(){

						if (iedom){

							if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))

								cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"

							else

								cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

					

							if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))

								cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"

							else

								cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

						}

						else if (document.layers){

							if (ns_slide.left>(actualwidth*(-1)+8))

								ns_slide.left-=copyspeed

							else

								ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

					

							if (ns_slide2.left>(actualwidth*(-1)+8))

								ns_slide2.left-=copyspeed

							else

								ns_slide2.left=ns_slide.left+actualwidth+slideshowgap

						}

					}

					

					

// slide show code over 



function slider_bar()

{

	window.onload=fillup

									

	if (iedom||document.layers){

		with (document){

				document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')

				if (iedom){

					write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')

					write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')

					write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')

					write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')

					write('</div></div>')

				}

				else if (document.layers){

					write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')

					write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

					write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

					write('</ilayer>')

				}

				document.write('</td></table>')

			}

	}	

}





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

* 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/photogallery/thumbs/1.jpg", "", ""] //plain image syntax

fadeimages[1]=["images/photogallery/thumbs/2.jpg", "", ""] //image with link syntax

fadeimages[2]=["images/photogallery/thumbs/3.jpg", "", ""] //image with link and target syntax

fadeimages[3]=["images/photogallery/thumbs/4.jpg", "", ""] //image with link and target syntax

fadeimages[4]=["images/photogallery/thumbs/5.jpg", "", ""] //image with link and target syntax

fadeimages[5]=["images/photogallery/thumbs/6.jpg", "", ""] //image with link and target syntax

fadeimages[6]=["images/photogallery/thumbs/7.jpg", "", ""] //image with link and target syntax

fadeimages[7]=["images/photogallery/thumbs/8.jpg", "", ""] //image with link and target syntax

fadeimages[8]=["images/photogallery/thumbs/9.jpg", "", ""] //image with link and target syntax

fadeimages[9]=["images/photogallery/thumbs/10.jpg", "", ""] //image with link and target syntax

fadeimages[10]=["images/photogallery/thumbs/11.jpg", "", ""] //image with link and target syntax

fadeimages[19]=["images/photogallery/thumbs/19.jpg", "", ""] //image with link and target syntax





var oneday=new Array()

//SET IMAGE PATHS. Extend or contract array as needed

oneday[1]=["images/onedaychallenge/logo_3.jpg", "ODC.html", ""] //image with link syntax
oneday[0]=["images/1_1.jpg", "ODC.html", ""]//plain image syntax

/***oneday[2]=["images/onedaychallenge/3.jpg", "upcoming_events.html", ""] //image with link and target syntax****/





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

}



//fadeimages code over