var browserName=navigator.appName; 

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

pic_title[17] = "失物待領";
pic_text[17] = "不加鎖舞踊館";
prog_link[17] = "unlock.html";
pic_title[16] = "斷食少女•ｋ";
pic_text[16] = "前進進戲劇工作坊";
prog_link[16] = "artistk.html";
pic_title[15] = "唱作世代 @ HK21C";
pic_text[15] = "普及文化創作社";
prog_link[15] = "gens.html";
pic_title[14] = "扭計爸B";
pic_text[14] = "姬聲雅士 x 人間搞作";
prog_link[14] = "fuzzy.html";
pic_title[13] = "愛麗斯通識事件簿";
pic_text[13] = "香港音樂劇藝術學院";
prog_link[13] = "alice.html";
pic_title[12] = "兒童電影合家歡2010";
pic_text[12] = "電影節目辦事處";
prog_link[12] = "film2010.html";
pic_title[11] = "叻哥至瘋騷";
pic_text[11] = "高比叻（加拿大）";
prog_link[11] = "tomas.html";
pic_title[10] = "香港青年音樂營音樂會2010";
pic_text[10] = "音樂事務處";
prog_link[10] = "musiccamp2010.html";
pic_title[9] = "魔笛";
pic_text[9] = "進念•二十面體";
prog_link[9] = "flute.html";
pic_title[8] = "莫扎特小故事";
pic_text[8] = "香港小交響樂團";
prog_link[8] = "mozart.html";
pic_title[7] = "盞鬼器樂超新聲";
pic_text[7] = "叱咤擊打樂團（法國）";
prog_link[7] = "brocante.html";
pic_title[6] = "垃圾山谷怪老頭";
pic_text[6] = "偶友街作";
prog_link[6] = "scavenger.html";
pic_title[5] = "搞搞震茶餐廳";
pic_text[5] = "愛生事三劍俠（西班牙）";
prog_link[5] = "restaurant.html";
pic_title[4] = "格列佛奇幻旅程";
pic_text[4] = "奧巴索夫木偶劇團（俄羅斯）";
prog_link[4] = "gulliver.html";
pic_title[3] = "大口Ｂ玩轉超市";
pic_text[3] = "多元劇場（澳洲）";
prog_link[3] = "checkout.html";
pic_title[2] = "淘氣兔寶寶";
pic_text[2] = "美人魚劇團（加拿大）";
prog_link[2] = "goodnightmoon.html";
pic_title[1] = "企鵝要升呢";
pic_text[1] = "瑪莉亞劇團（西班牙）";
prog_link[1] = "ping.html";
pic_title[0] = "開幕節目：《小飛俠》";
pic_text[0] = "英國北部芭蕾舞團";
prog_link[0] = "peterpan.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"><span class="photo_title"><b>'+pic_title[0]+'</b></span>';
	htmlcode += '<br><span class="photo_text" style="font-family:細明體"><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"><span class="photo_title"><b>'+pic_title[i]+'</b></span>';
	htmlcode += '<br><span class="photo_text" style="font-family:細明體"><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);
}