// 0 = image
// 1 = topic
//2 = link
var totalDataRow = 0;
var totalDataCol = 4;
var tableColTotal = 4;


var data1 = new Array(totalDataCol);
var data2 = new Array(totalDataCol);
var data3 = new Array(totalDataCol);
for(var counter = 0; counter < totalDataCol; counter++){
	data1[counter] = new Array();
}
for(var counter = 0; counter < totalDataCol; counter++){
	data2[counter] = new Array();
}
for(var counter = 0; counter < totalDataCol; counter++){
	data3[counter] = new Array();
}
data1[0][totalDataRow] = '01.jpg';
data1[1][totalDataRow] = 'Loving the "Basic Law" (Chinese version only)';
data1[2][totalDataRow] = '../../tc/multimedia/video/chi_video_01.wmv';
data1[3][totalDataRow++] = '1';

data1[0][totalDataRow] = '19.jpg';
data1[1][totalDataRow] = 'The Concept of "One Country, Two Systems" Principle';
data1[2][totalDataRow] = 'video/eng_video_20.wmv';
data1[3][totalDataRow++] = '2';

data1[0][totalDataRow] = '02.jpg';
data1[1][totalDataRow] = '"One Country, Two Systems"';
data1[2][totalDataRow] = 'video/eng_video_01.wmv';
data1[3][totalDataRow++] = '3';

data1[0][totalDataRow] = '03.jpg';
data1[1][totalDataRow] = 'The Basic Law Relates to Your Daily Life';
data1[2][totalDataRow] = 'video/eng_video_02.wmv';
data1[3][totalDataRow++] = '4';

data1[0][totalDataRow] = '04.jpg';
data1[1][totalDataRow] = 'Regional Flag and Regional Emblem';
data1[2][totalDataRow] = 'video/eng_video_03.wmv';
data1[3][totalDataRow++] = '5';

data1[0][totalDataRow] = '05.jpg';
data1[1][totalDataRow] = 'The Basis for a Free Life (1)';
data1[2][totalDataRow] = 'video/eng_video_04.wmv';
data1[3][totalDataRow++] = '6';

data1[0][totalDataRow] = '06.jpg';
data1[1][totalDataRow] = 'The Basis for a Free Life (2)';
data1[2][totalDataRow] = 'video/eng_video_05.wmv';
data1[3][totalDataRow++] = '7';

data1[0][totalDataRow] = '07.jpg';
data1[1][totalDataRow] = 'The Basis for a Free Life (3)';
data1[2][totalDataRow] = 'video/eng_video_06.wmv';
data1[3][totalDataRow++] = '8';

data1[0][totalDataRow] = '08.jpg';
data1[1][totalDataRow] = 'The Basis for a Free Economy';
data1[2][totalDataRow] = 'video/eng_video_07.wmv';
data1[3][totalDataRow++] = '9';

data1[0][totalDataRow] = '09.jpg';
data1[1][totalDataRow] = 'Sports';
data1[2][totalDataRow] = 'video/eng_video_08.wmv';
data1[3][totalDataRow++] = '10';

data1[0][totalDataRow] = '10.jpg';
data1[1][totalDataRow] = 'Arts';
data1[2][totalDataRow] = 'video/eng_video_09.wmv';
data1[3][totalDataRow++] = '11';

data1[0][totalDataRow] = '11.jpg';
data1[1][totalDataRow] = 'Vacation';
data1[2][totalDataRow] = 'video/eng_video_10.wmv';
data1[3][totalDataRow++] = '12';

data1[0][totalDataRow] = '12.jpg';
data1[1][totalDataRow] = 'Restaurant';
data1[2][totalDataRow] = 'video/eng_video_11.wmv';
data1[3][totalDataRow++] = '13';

data1[0][totalDataRow] = '13.jpg';
data1[1][totalDataRow] = 'Monopoly';
data1[2][totalDataRow] = 'video/eng_video_12.wmv';
data1[3][totalDataRow++] = '14';

data1[0][totalDataRow] = '14.jpg';
data1[1][totalDataRow] = 'Hong Kong Currency';
data1[2][totalDataRow] = 'video/eng_video_13.wmv';
data1[3][totalDataRow++] = '15';

data1[0][totalDataRow] = '15.jpg';
data1[1][totalDataRow] = 'Literary and Artistic Creation';
data1[2][totalDataRow] = 'video/eng_video_14.wmv';
data1[3][totalDataRow++] = '16';

data1[0][totalDataRow] = '16.jpg';
data1[1][totalDataRow] = 'HKSAR Passport';
data1[2][totalDataRow] = 'video/eng_video_15.wmv';
data1[3][totalDataRow++] = '17';

data1[0][totalDataRow] = '17a.jpg';
data1[1][totalDataRow] = 'Freedom of Choice of Occupation (1)';
data1[2][totalDataRow] = 'video/eng_video_16.wmv';
data1[3][totalDataRow++] = '18';

data1[0][totalDataRow] = '17.jpg';
data1[1][totalDataRow] = 'Freedom of Choice of Occupation (2)';
data1[2][totalDataRow] = 'video/eng_video_17.wmv';
data1[3][totalDataRow++] = '19';

data1[0][totalDataRow] = '18.jpg';
data1[1][totalDataRow] = 'Historical Background of the Basic Law';
data1[2][totalDataRow] = 'video/eng_video_19.wmv';
data1[3][totalDataRow++] = '20';

data1[0][totalDataRow] = '21.jpg';
data1[1][totalDataRow] = 'All these flow from the Basic Law (CEPA) ';
data1[2][totalDataRow] = 'video/eng_video_21.wmv';
data1[3][totalDataRow++] = '21';

/*data1[0][totalDataRow] = '22.jpg';
data1[1][totalDataRow] = 'All these flow from the Basic Law (Financial Development)';
data1[2][totalDataRow] = 'video/eng_video_22.wmv';
data1[3][totalDataRow++] = '22';*/

totalDataRow = 0;
data2[0][totalDataRow] = '23.jpg';
data2[1][totalDataRow] = 'Let\'s rap the Basics';
data2[2][totalDataRow] = 'video/Let_s_Rap_the_Basic.wmv';
data2[3][totalDataRow++] = '1';

totalDataRow = 0;
data3[0][totalDataRow] = '24.jpg';
data3[1][totalDataRow] = '《基本法》為你定權責';
data3[2][totalDataRow] = 'video/Champion.wmv';
data3[3][totalDataRow++] = '1';


function getData(id){
	var cdata;
	eval('cdata=data'+id+';');
	//alert(cdata[0].length);
	document.write('<table border="0" cellpadding="0" cellspacing="3">\n');
	document.write('	<tbody>\n');
	if((cdata[0].length%tableColTotal)/tableColTotal < 0.5){
		rowTotal = Math.round(cdata[0].length/tableColTotal) + 1;
	}else{
		rowTotal = Math.round(cdata[0].length/tableColTotal);
	}
	for(var rowCounter = 0; rowCounter < rowTotal; rowCounter++){
		document.write('	<tr>\n');
		for(var colCounter = 0; colCounter < tableColTotal;colCounter++){
			document.write('	  <td align="center" width="172">\n');
			if( (rowCounter) * tableColTotal + colCounter < cdata[0].length){
				document.write('		<img src="images/' + cdata[0][(rowCounter) * tableColTotal + colCounter] + '" style="border-color:#aaaaaa;border-style:double;" class="pix" height="80" width="100">\n');
			}
			document.write('	  </td>\n');
		}
		document.write('	</tr>\n');
		document.write('	<tr>\n');
		for(var colCounter = 0; colCounter < tableColTotal;colCounter++){
			document.write('	  <td class="text" align="center" valign="top" width="172">\n');
			if( (rowCounter) * tableColTotal + colCounter < cdata[0].length){
				//document.write('		<span class="text_hd">( ' + cdata[3][(rowCounter) * tableColTotal + colCounter] + ' ) </span><br>\n');
				document.write('		<a href="' + cdata[2][(rowCounter) * tableColTotal + colCounter] + '">' + cdata[1][(rowCounter) * tableColTotal + colCounter] + '</a><br>\n');
			}
			document.write('	  </td>\n');
		}
		document.write('	</tr>\n');
		document.write('	<tr><td>&nbsp;</td></tr>\n');
	}
	document.write('	</tbody>\n');
	document.write('</table>\n\n');
}

function getDataText(id){
	var cdata;
	eval('cdata=data'+id+';');
	document.write('<table border="0" cellpadding="0" cellspacing="3">');
	document.write('	<tbody>');
	if((cdata[0].length%tableColTotal)/tableColTotal < 0.5){
		rowTotal = Math.round(cdata[0].length/tableColTotal) + 1;
	}else{
		rowTotal = Math.round(cdata[0].length/tableColTotal);
	}
	for(var rowCounter = 0; rowCounter < rowTotal; rowCounter++){
		document.write('	<tr>');
		for(var colCounter = 0; colCounter < tableColTotal;colCounter++){
			document.write('	<td class="text" align="center" valign="top" width="172">');
			if( (rowCounter) * tableColTotal + colCounter < cdata[0].length){
				//document.write('		<span class="text_hd">( ' + cdata[3][(rowCounter) * tableColTotal + colCounter] + ' ) </span><br>');
				document.write('		<a href="../../../en/multimedia/' + cdata[2][(rowCounter) * tableColTotal + colCounter] + '">' + cdata[1][(rowCounter) * tableColTotal + colCounter] + '</a><br>');
			}
			document.write('	</td>');
		}
		document.write('	</tr>');
		document.write('	<tr><td>&nbsp;</td></tr>');
	}
	document.write('	</tbody>');
	document.write('</table>');
}