//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width='367px' //SET IMAGE WIDTH
var slideshow_height='300px' //SET IMAGE HEIGHT
var pause=4500 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="i/erhu2.jpg"
fadeimages[1]="i/dc_drummers2.jpg"
fadeimages[2]="i/London_flag2.jpg"
fadeimages[3]="i/dragon_lion_2.jpg"
fadeimages[4]="i/SF_mex_dance2.jpg"
fadeimages[5]="i/oliver_folger_jin2.jpg"
fadeimages[6]="i/hk_taiwan_dance2.jpg"
fadeimages[7]="i/julliard2.jpg"
fadeimages[8]="i/guinmin_guan2.jpg"
fadeimages[9]="i/ny_repertory.jpg"
fadeimages[10]="i/dc_chorus2.jpg"
fadeimages[11]="i/heavens_gate_2.jpg"
fadeimages[12]="i/heavens_gate_2a.jpg"
fadeimages[13]="i/nyc_lotus2.jpg"
fadeimages[14]="i/ribbon2.jpg"
fadeimages[15]="i/ballet2.jpg"
fadeimages[16]="i/London_Irish_Folk2.jpg"
fadeimages[17]="i/cups2.jpg"
fadeimages[18]="i/8_immortals2.jpg"
fadeimages[19]="i/tang_dancers2.jpg"
fadeimages[20]="i/spirit_of_tang_2.jpg"
fadeimages[21]="i/London_quartet2.jpg"
fadeimages[22]="i/souls_search2.jpg"
fadeimages[23]="i/nyc_dai-style2.jpg"
fadeimages[24]="i/to_ballet2.jpg"
fadeimages[25]="i/to_drum_dance2.jpg"
var fadetext=new Array()
fadetext[0] = "<h3>NYC 2004: Xiao-chun Qi, Acclaimed Erhu Player</h3><p>Ms. Qi received a performance award from the Chinese National Erhu competition in 1991. The erhu is a traditional Chinese instrument.</p>"
fadetext[1] = "<h3>DC 2005: Tang Dynasty & Tianjiao Performing Arts</h3><p>&quot;Dragons and Drums of the Tang Dynasty&quot;- Tang Dynasty-style drums and flag formations open the show with a rousing spectacle.</p>"
fadetext[2] = "<h3>London 2005: New Tang Dynasty Flag & Drum Troupe</h3><p>&quot;Majestic Thunders&quot;- Flag bearers and acrobats shake off the darkness of winter with thundering drums.</p>"
fadetext[3] = "<h3>NYC 2004: Dragon and Lion Dance</h3><p>Chinese people consider themselves descendants of Dragon, the embodiment of power, dignity, luck, strength and success.</p>"
fadetext[4] = "<h3>San Francisco 2005: Ensambles Ballet Folklorico de SF</h3><p>Michoacan: Dancers swirl across the stage in the colorful blaze of a Mexican folk dance.</p>"
fadetext[5] = "<h3>NYC 2004: Piano Solo: Oliver Folger Jia, Age 15</h3><p>Child prodigy Oliver Jia won first prize at age ten at the Winterfest Competition in California.</p>"
fadetext[6] = "<h3>Hong Kong 2005: National Taiwan University of Fine Arts</h3><p>The popular dance troupe creastes an exquisite dance by the &quot;heavenly fairy ladies.&quot;</p>"
fadetext[7] = "<h3>NYC 2004: The Julliard String Quartet</h3><p>&quot;The Juilliard String Quartet remains the standard by which all other quartets must be judged.&quot; <i>-Los Angeles Times</i></p>"
fadetext[8] = "<h3>NYC 2004/5: Guan Guimin, Tenor</h3><p>One of the most popular singers of all time in China, Guan Guimin is China's &quot;First Class Artist&quot; and is often called &quot;China's Pavarotti.&quot;</p>"
fadetext[9] = "<h3>NYC 2004: N.Y. Repertory Orchestra</h3><p>The orchestra strives for exciting performances, provocative programs and the highest artistic level. David Leibowitz, Musical Director.</p>"
fadetext[10] = "<h3>DC 2005: The Washington DC Chorus</h3><p>&quot;Simple Gift&quot;, &quot;Ode to the Lotus&quot;- Conductor James Bagwell hails the simple and spiritual in the Shaker and the Chinese traditions.</p>"
fadetext[11] = "<h3>NYC 2004: Lotus Arts Group</h3><p>The music and dance paint a picture of a peaceful time when Heaven and Earth were in harmony, and the people rejoiced.</p>"
fadetext[12] = "<h3>NYC 2004: Lotus Arts Group</h3><p>The music and dance paint a picture of a peaceful time when Heaven and Earth were in harmony, and the people rejoiced.</p>"
fadetext[13] = "<h3>NYC 2005: Tianjiao Performing Arts Group</h3><p>&quot;The Unblemished Lotus&quot;- Chinese culture reveres the lotus for its ability to rise from filth (mud) to beauty and purity.</p>"
fadetext[14] = "<h3>NYC 2004: The Ribbon Dance</h3><p>&quot;Myriad Petals Swirling in the Sky&quot;- One of the favorites from the 2004 Gala.</p>"
fadetext[15] = "<h3>NYC 2004: The Grand Pas de Deux, The Nutcracker</h3><p>Irina Dvorovenko and Maxim Beloserkovsky, principal dancers with the American Ballet Theatre.</p>"
fadetext[16] = "<h3>London 2005: Celtic Feet</h3><p>&quot;Irish Dance&quot;- A 3-part performance of spirited dancing and traditional Irish costumes.</p>"
fadetext[17] = "<h3>NYC 2004: National Taiwan University of Fine Arts</h3><p>A traditional Mongolian dance to welcome guests, full of joy and warmth.</p>"
fadetext[18] = "<h3>NYC/DC 2005: Ying Tang Dance Company</h3><p>&quot;Eight Immortals Crossing the Sea&quot;- Extremely popular in Chinese culture, these deities are associated with bringing hope and salvation.</p>"
fadetext[19] = "<h3>NYC 2004: Ying Tang Dance Company</h3><p>In this elegant and dignified dance, 30 dancers illustrate the pureness and kindness of people in the great Tang Dynasty.</p>"
fadetext[20] = "<h3>NYC 2004: Ying Tang Dance Company</h3><p>In this elegant and dignified dance, 30 dancers illustrate the pureness and kindness of people in the great Tang Dynasty.</p>"
fadetext[21] = "<h3>London 2005: William Bennett</h3><p>Mr. Bennett, principal flute in the London Symphony Orchestra, and the London Octave perform Mozart's Flute Quartet in D Major.</p>"
fadetext[22] = "<h3>NYC 2005: Wang Xue-jun</h3><p>&quot;A Soul's Search&quot; A wealthy man sheds the trappings of his worldly blessings to return to his true self.</p>"
fadetext[23] = "<h3>NYC 2005: National Taiwan University of Fine Arts</h3><p>&quot;Dai-style dance&quot;- A rhythmic, unique and cheerful dance depicting a connection to nature.</p>"
fadetext[24] = "<h3>Toronto 2005: Jeremy Nasmith & Jillian Vanstone</h3><p>Pas De Deux from &quot;Le Corsaire&quot;.</p>"
fadetext[25] = "<h3>Toronto 2005: Tang Drums and Lion Dance by Lotus Arts Group</h3><p>&quot;Golden Rooster Announcing the Break of Dawn&quot;.</p>"
var fadetdbg=new Array()
fadetdbg[0] = "<td bgcolor='#F4AFB7'>"
fadetdbg[1] = "<td bgcolor='#F5BE52'>"
fadetdbg[2] = "<td bgcolor='#F5BE52'>"
fadetdbg[3] = "<td bgcolor='#F5BE52'>"
fadetdbg[4] = "<td bgcolor='#F5BE52'>"
fadetdbg[5] = "<td bgcolor='#C3B6E7'>"
fadetdbg[6] = "<td bgcolor='#C3B6E7'>"
fadetdbg[7] = "<td bgcolor='#C8AE90'>"
fadetdbg[8] = "<td bgcolor='#F8AA86'>"
fadetdbg[9] = "<td bgcolor='#EABAB6'>"
fadetdbg[10] = "<td bgcolor='#879FCA'>"
fadetdbg[11] = "<td bgcolor='#FFBFC6'>"
fadetdbg[12] = "<td bgcolor='#FFBFC6'>"
fadetdbg[13] = "<td bgcolor='#F9C9F3'>"
fadetdbg[14] = "<td bgcolor='#FFBFC6'>"
fadetdbg[15] = "<td bgcolor='#FFBFC6'>"
fadetdbg[16] = "<td bgcolor='#EABAB6'>"
fadetdbg[17] = "<td bgcolor='#D5B8F2'>"
fadetdbg[18] = "<td bgcolor='#A7C6DA'>"
fadetdbg[19] = "<td bgcolor='#C3B6E7'>"
fadetdbg[20] = "<td bgcolor='#C3B6E7'>"
fadetdbg[21] = "<td bgcolor='#E6893C'>"
fadetdbg[22] = "<td bgcolor='#ACA874'>"
fadetdbg[23] = "<td bgcolor='#9DBCE2'>"
fadetdbg[24] = "<td bgcolor='#EABAB6'>"
fadetdbg[25] = "<td bgcolor='#E6893C'>"
var fadequotes=new Array()
fadequotes[0]="Text Quote 1"
fadequotes[1]="Text Quote 2"
fadequotes[2]="Text Quote 3"
fadequotes[3]="Text Quote 4"
fadequotes[4]="Text Quote 5"
fadequotes[5]="Text Quote 6"
fadequotes[6]="Text Quote 7"
fadequotes[7]="Text Quote 8"
fadequotes[8]="Text Quote 9"
fadequotes[9]="Text Quote 10"
fadequotes[10]="Text Quote 11"
fadequotes[11]="Text Quote 12"
fadequotes[12]="Text Quote 13"
fadequotes[13]="Text Quote 14"
fadequotes[14]="Text Quote 15"
fadequotes[15]="Text Quote 16"
fadequotes[16]="Text Quote 17"
fadequotes[17]="Text Quote 18"
fadequotes[18]="Text Quote 19"
fadequotes[19]="Text Quote 20"
fadequotes[20]="Text Quote 21"
fadequotes[21]="Text Quote 22"
fadequotes[22]="Text Quote 23"
fadequotes[23]="Text Quote 24"
fadequotes[24]="Text Quote 25"
fadequotes[25]="Text Quote 26"

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

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById


var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

var curquote="quote0"
var curquoteindex=0
var nextquoteindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<table border=0 cellspacing=0 cellpadding=0><tr><td><img src="'+fadeimages[nextimageindex]+'" width=367 height=230></td></tr>' +
'<tr>'+fadetdbg[nextimageindex]+fadetext[nextimageindex]+'</td></tr></table>'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)

}
}

function fadequote(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextquote=(curquote=="quote0")?"quote0" : "quote1"

tempquote=ie4? eval("document.all."+nextquote) : document.getElementById(nextquote)
tmpequote.innerHTML='<font color="#CCC62A" size=2>'+fadequotes[nextquoteindex]+'</font>'
nextquoteindex=(nextquoteindex<fadequotes.length-1)? nextquoteindex+1 : 0
setTimeout("rotatequote()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility = "visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function rotatequote(){
if (ie4||dom){
resetit(curquote)
var crossobj=tempobj=ie4? eval("document.all."+curquote) : document.getElementById(curquote)
crossobj.style.zIndex++
var temp='setInterval("fadequote)",50)'
dropslide=eval(temp)
curquote=(curcanvas=="quote0")? "quote1" : "quote0"
}
else
document.images.defaultslide.src=fadequotes[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}
function startit(){
startslide()
startquote()
}

function startslide(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<table border=0 cellspacing=0 cellpadding=0><tr><td><img src="'+fadeimages[nextimageindex]+'" width=367 height=230></td></tr>' +
'<tr><td bgcolor="#F5BE52">'+fadetext[nextimageindex]+'</td></tr></table>'
rotateimage()
}
function startquote(){
var crossobj=ie4? eval("document.all."+curquote) : document.getElementById(curquote)
crossobj.innerHTML='<table border=0 cellspacing=0 cellpadding=0>' +
'<tr><td bgcolor="#FFE1E1"><font color="#fff" size=2>Test Quote 1</td></tr></table>'
rotatequote()
}
if (ie4||dom)

window.onload=startit

else
{
setInterval("rotateimage()",pause)
setInterval("rotatequote()", pause)
}