var browserName=navigator.appName; 

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

pic_title[0] = "開幕節目：《「世界聽．見．朱哲琴」2010樂匯．香港》";
pic_text[0] = "朱哲琴";
prog_link[0] = "dadawa.html";

pic_title[1] = "羽";
pic_text[1] = "台灣心心南管樂坊及漢柏斯（法國）";
prog_link[1] = "feather.html";

pic_title[2] = "賣命引擎";
pic_text[2] = "出奇舞（澳洲）";
prog_link[2] = "mortal.html";

pic_title[3] = "沙．月：維族木卡姆愛情遺歌";
pic_text[3] = "五人新疆樂隊JAM & JY";
prog_link[3] = "sandmoon.html";

pic_title[4] = "翼動：跨文化鼓樂激奏";
pic_text[4] = "<span style='font-size:9px;'>BUDGIE（英國）．LEONARD ETO（日本）．MABI（南非）．SUGIZO（日本）．KNOX CHANDLER（美國）</span>";
prog_link[4] = "butterfly.html";

pic_title[5] = "火星紀事樂隊";
pic_text[5] = "張楚．王勇．王凡．朱文．半野喜弘（日本）．李勁松及其他樂手";
prog_link[5] = "mars.html";

pic_title[6] = "金鎖記";
pic_text[6] = "台灣國光劇團";
prog_link[6] = "golden.html";

pic_title[7] = "into 珠三角";
pic_text[7] = "德國現代室內樂團";
prog_link[7] = "into.html";

pic_title[8] = '<span style="font-family:新細明體">閉幕節目：&#22338;東玉三郎中日版崑劇 - 牡丹亭</span>';
pic_text[8] = '<span style="font-family:新細明體">&#22338;東玉三郎（日本） 及 江蘇省蘇州崑劇院</span>';
prog_link[8] = "peony.html";

pic_title[9] = "命運建築師之遠大前程";
pic_text[9] = "非常林奕華";
prog_link[9] = "grand.html";

pic_title[10] = "月亮光光";
pic_text[10] = "廣東現代舞團及香港創樂團";
prog_link[10] = "vampire.html";

pic_title[11] = "後代";
pic_text[11] = "鄧樹榮戲劇工作室 及 戲劇盒（新加坡）";
prog_link[11] = "nextgen.html";

pic_title[12] = "薩滿與精靈";
pic_text[12] = "香港中樂團";
prog_link[12] = "mystic.html";

pic_title[13] = "郭文景的第二笛子協奏曲";
pic_text[13] = "香港管弦樂團";
prog_link[13] = "guo.html";

pic_title[14] = "利瑪竇的記憶宮殿";
pic_text[14] = "進念•二十面體";
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"><b>'+pic_title[0]+'</b></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"><b>'+pic_title[i]+'</b></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);
}