var browserName=navigator.appName; 

var pic_title = new Array();
var pic_text = new Array();
var prog_link = new Array();

pic_title[0] = "Opening Programme: "Hear the World・DADAWA" in Concert 2010・HK";
pic_text[0] = "by Dadawa";
prog_link[0] = "dadawa.html";

pic_title[1] = "Feather";
pic_text[1] = "by Xinxin Nanguan Ensemble of Taiwan & Lukas Hemleb (France) ";
prog_link[1] = "feather.html";

pic_title[2] = "Mortal Engine";
pic_text[2] = "by Chunky Move (Australia)";
prog_link[2] = "mortal.html";

pic_title[3] = "Sand・Moon: Jamming Muqam";
pic_text[3] = "by JAM & JY";
prog_link[3] = "sandmoon.html";

pic_title[4] = "The Butterfly Effect: East-West Percussive Parade";
pic_text[4] = "<span style='font-size:10px;'>by Budgie (UK)&#12539;Leonard Eto (Japan)&#12539;Mabi (South Africa)&#12539;Sugizo (Japan)&#12539;Knox Chandler (USA)</span>";
prog_link[4] = "butterfly.html";

pic_title[5] = "Mars News Ensemble";
pic_text[5] = "<span style='font-size:10px;'>by Zhang Chu&#12539;Wang Yong&#12539;Wang Fan&#12539;Zhu Wen&#12539;Yoshihiro Hanno (Japan)&#12539;Dickson Dee and other musicians</span>";
prog_link[5] = "mars.html";

pic_title[6] = "The Golden Cangue";
pic_text[6] = "by GuoGuang Opera Company of Taiwan";
prog_link[6] = "golden.html";

pic_title[7] = "into Pearl River Delta";
pic_text[7] = "by Ensemble Modern (Germany)";
prog_link[7] = "into.html";

pic_title[8] = "Closing Programme: The Peony Pavilion(Sino-Japanese version)";
pic_text[8] = "by Bando Tamasaburo (Japan) & Suzhou Kunqu Opera Theatre of Jiangsu Province";
prog_link[8] = "peony.html";

pic_title[9] = "Grand Expectations";
pic_text[9] = "by Edward Lam Dance Theatre";
prog_link[9] = "grand.html";

pic_title[10] = "Mr. Vampire";
pic_text[10] = "by Guangdong Modern Dance Company & Hong Kong New Music Ensemble";
prog_link[10] = "vampire.html";

pic_title[11] = "The Next Generations";
pic_text[11] = "by Tang Shu-wing Theatre Studio & Drama Box (Singapore)";
prog_link[11] = "nextgen.html";

pic_title[12] = "The Mystic Realm";
pic_text[12] = "by Hong Kong Chinese Orchestra";
prog_link[12] = "mystic.html";

pic_title[13] = "Guo Wenjing's Dizi Concerto No. 2";
pic_text[13] = "by Hong Kong Philharmonic Orchestra";
prog_link[13] = "guo.html";

pic_title[14] = "The Memory Palace of Matteo Ricci";
pic_text[14] = "by Zuni Icosahedron";
prog_link[14] = "matteoricci.html";

var q = pic_title.length - 1;

function onoff(x)
{
	try
	{
	clearTimeout(timer1);
	}
	catch(err)
	{
	}
	try
	{
	clearTimeout(timer2);
	}
	catch(err)
	{
	}
	if (x != q)
	{
	var y = x + 1;
	}
	else
	{
	var y = 0;
	}
	timer2 = setTimeout("onoff("+y+")", 7000);
	for(i=0; i<=q ; i++) {
	if (x == i)
	{
		//if (browserName=="Microsoft Internet Explorer")
		//{
			//$("#tab_"+i).toggle("fast");
		//}
		//else
		//{
			$("#tab_"+i).fadeIn("slow");
		//}
	}
	else
	{
	document.getElementById("tab_"+i).style.display = "none";
	}
	}
}
function photobox(pic_name)
{
	var htmlcode = "";
	htmlcode += '<div id="tab_0" class="tab" style="display:block;"><div class="photo">';
	htmlcode += '<a href="../prog/'+prog_link[0]+'"><img src="../../img/common/'+pic_name+'1.jpg" border="0"></a>';
	htmlcode += '</div>';
	htmlcode += '<div class="phototext">';
	htmlcode += '<table style="margin:0 5px 0 5px">';
	htmlcode += '<tr height="45">';
	htmlcode += '<td width="550" style="padding-left:13px"><span class="photo_title"><em><b>'+pic_title[0]+'</b></em></span>';
	htmlcode += '<br><span class="photo_text"><b>'+pic_text[0]+'</b></span></td>';
	htmlcode += '<td width="100" align="right"><a href="javascript:onoff('+q+')"><img src="../../img/common/prv.gif" border="0"></a> <a href="javascript:onoff(1)"><img src="../../img/common/next.gif" border="0"></a></td>';
	htmlcode += '</tr>';
	htmlcode += '</table>';
	htmlcode += '</div></div>';
	timer1 = setTimeout("onoff(1)", 7000);
	for(i=1; i<=q ; i++)
	{
	htmlcode += '<div id="tab_'+i+'" class="tab" style="display:none;"><div class="photo">';
	htmlcode += '<a href="../prog/'+prog_link[i]+'"><img src="../../img/common/'+pic_name+(i+1)+'.jpg" border="0"></a>';
	htmlcode += '</div>';
	htmlcode += '<div class="phototext">';
	htmlcode += '<table style="margin:0 5px 0 5px">';
	htmlcode += '<tr height="45">';
	htmlcode += '<td width="550" style="padding-left:13px"><span class="photo_title"><em><b>'+pic_title[i]+'</b></em></span>';
	htmlcode += '<br><span class="photo_text"><b>'+pic_text[i]+'</b></span></td>';
	if (i==q)
	{
	htmlcode += '<td width="100" align="right"><a href="javascript:onoff('+(i-1)+')"><img src="../../img/common/prv.gif" border="0"></a> <a href="javascript:onoff(0)"><img src="../../img/common/next.gif" border="0"></a></td>';
	}
	else
	{
	htmlcode += '<td width="100" align="right"><a href="javascript:onoff('+(i-1)+')"><img src="../../img/common/prv.gif" border="0"></a> <a href="javascript:onoff('+(i+1)+')"><img src="../../img/common/next.gif" border="0"></a></td>';
	}
	htmlcode += '</tr>';
	htmlcode += '</table>';
	htmlcode += '</div></div>';
	}
	document.write(htmlcode);
}