//**********************Ajax取得陣列**********************//
	var xmlHttp;
	var Data_Array = new Array();
	var Num;
	var Pos;
	var Len;
	var Key;
	get_MMS_Array();
	function createXMLHttpRequest() { 
		if (window.ActiveXObject) {	//IE 
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
			}
		else if (window.XMLHttpRequest) {//other browser 
			xmlHttp = new XMLHttpRequest();       
			}
		}

	//程式由此執行 
	function get_MMS_Array(kind){ 	
		createXMLHttpRequest();				// 建立XMLHttpRequest物件 
		var Page = 1;//(page) ? page : 1;
		//var url = "Ajax_MMS_Card.php?page=" + Page; 
		var url = "Ajax_MMS_Card.php?page=" + Page;
		if(kind != null){
			url += "&kind_id="+kind;
			}

		xmlHttp.onreadystatechange = callback;		//資料回傳之後，使用callback這個函數處理後續動作 
		xmlHttp.open("POST", url, true);		//將輸入的帳號傳至後端作驗證 
		xmlHttp.send(null);
		}

	function callback(){ 
		if (xmlHttp.readyState == 4) { 			
			if (xmlHttp.status == 200) {				
				//接收後端程式傳回來的xml
				var xmldoc = xmlHttp.responseXML;
				//將Tag 為passed的值抓出來 
				var PK_Obj = xmldoc.getElementsByTagName("pk");
				var Num_Obj = xmldoc.getElementsByTagName("num");
				var Pos_Obj = xmldoc.getElementsByTagName("pos");
				var Subject_Obj = xmldoc.getElementsByTagName("subject");
				var Img_Obj = xmldoc.getElementsByTagName("img_name");
				var Auto_Obj = xmldoc.getElementsByTagName("auto_name");
				var Text_Obj = xmldoc.getElementsByTagName("text_name");
				var File_Size_Obj = xmldoc.getElementsByTagName("filesize");
				var Count_Obj = xmldoc.getElementsByTagName("count");

				process(PK_Obj, Num_Obj, Pos_Obj, Subject_Obj, Img_Obj, Auto_Obj, Text_Obj, File_Size_Obj, Count_Obj);
				}
		}else{
			str = "<tr height=\"240\"><td width=\"100%\" align=\"center\"><img src=\"i/ajax-loader.gif\" border=\"0\"></td></tr>";
			document.getElementById("Data_Block").innerHTML = "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+str+"</table>";
			}
		}
		
	function process(PK_Obj, Num_Obj, Pos_Obj, Subject_Obj, Img_Obj, Auto_Obj, Text_Obj, File_Size_Obj, Count_Obj){
		var PK = PK_Obj;
		var Subject = Subject_Obj;
		var Img = Img_Obj;
		var Auto = Auto_Obj;
		var Text = Text_Obj;
		var File_Size = File_Size_Obj;
		var Count = Count_Obj;

		
		Data_Array = new Array(Len);
		Num = Num_Obj[0].firstChild.data;		
		Pos = Pos_Obj[0].firstChild.data;
		Len = PK.length;

		for(var i=0 ; i < Len ; i++ ){
		    Data_Array[i] = new Array(7);
			Data_Array[i][0] = PK[i].firstChild.data; 					 
			Data_Array[i][1] = Subject[i].firstChild.data;
			Data_Array[i][2] = Img[i].firstChild.data; 
			Data_Array[i][3] = Auto[i].firstChild.data;
			Data_Array[i][4] = Text[i].firstChild.data; 
			Data_Array[i][5] = File_Size[i].firstChild.data; 
			Data_Array[i][6] = Count[i].firstChild.data; 
			}
		Show();
		}
	//**********************Ajax取得陣列 end **********************//	
	//**********************顯示縮圖**********************//
	function Show(Go_Page){
		Pos = (Go_Page) ? Go_Page : Pos;

		var Start_i = ( Pos - 1 ) * 9;
		var j=0;
		var k=0;
		var l=0;
		var o=0;
		var x=y=10;
		//if(window.ActiveXObject){
			// IE Browser
		//	y = document.body.offsetTop;
		//	x = document.documentElement.scrollTop;
		//}else{
			// Mozilla Firfox Browser
			//var _xy_x = (e.pageX+document.documentElement.scrollLeft-10);
			//var _xy_y = (e.pageY+document.documentElement.scrollTop-10);
			//_this_calendar.style.top = _xy_y+'px';
			//_this_calendar.style.left = _xy_x+'px';
		//	}
		var tmp_strs = "";
		
		var Prev_But = ( Pos==1 ) ? "" : "style=\"cursor:pointer\" onclick = \"Show(\'"+(parseInt(Pos)-1)+"\');\"";
		var tmp_str_prev = "<img src=\"i/Prev_Page.gif\" "+Prev_But+" align=\"absmiddle\">";		
		tmp_strs +="<tr height=\"20\">";
		tmp_strs +="		<td colspan=\"7\"></td>";
		tmp_strs +="</tr>";
		for (var i=Start_i;i<Len;i++ ){					
			k++;
			if(k % 3 == 1){
				tmp_strs +="<tr height=\"18\">";
				tmp_strs +="		<td width=\"20\"></td>";
				}
			if( k%3 == 1){
				for ( m = Start_i ; m < Len ; m++ ){				
					tmp_strs +="		<td>";
					tmp_strs +="			<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-size:12px\">";
					tmp_strs +="				<tr>";
					tmp_strs +="					<td colspan=\"2\"><b style=\"color:#FA5555\">"+Data_Array[(o+Start_i)][1].replace(/[\\]/g,"")+"</b></td>";
					tmp_strs +="				</tr>";
					tmp_strs +="			</table>";							
					tmp_strs +="		</td>";					
					tmp_strs +="		<td width=\"20\"></td>";
					o++
					if (o % 3 == 0  || (o+Start_i) > Len-1){							
						break;
						}
					}
				tmp_strs +="</tr>";				
				tmp_strs +="<tr height=\"160\">";
				tmp_strs +="		<td width=\"20\"></td>";
				}
			tmp_strs +="		<td width=\"124\">";
			tmp_strs +="			<table width=\"100%\" height=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
			tmp_strs +="				<tr height=\"2\">";
			tmp_strs +="					<td width=\"2\"><img src=\"i/mms_tab_lt.gif\" border=\"0\" align=\"absmiddle\" /></td>";
			tmp_strs +="					<td width=\"120\" background=\"i/mms_tab_t.gif\" /></td>";
			tmp_strs +="					<td width=\"2\"><img src=\"i/mms_tab_rt.gif\" border=\"0\" align=\"absmiddle\" /></td>";
			tmp_strs +="				</tr>";
			tmp_strs +="				<tr>";
			tmp_strs +="					<td background=\"i/mms_tab_l.gif\"></td>";
			tmp_strs +="					<td>";
			tmp_strs +="						<table width=\"100%\" height=\"160\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
			tmp_strs +="							<tr>";
			tmp_strs +="								<td align=\"cneter\">"+decodeURIComponent(Data_Array[i][2].replace(/[+]/g,' '))+"</td>";
			tmp_strs +="							</tr>";			
			tmp_strs +="						</table>";
			tmp_strs +="					</td>";
			tmp_strs +="					<td background=\"i/mms_tab_r.gif\"></td>";
			tmp_strs +="				</tr>";						
			tmp_strs +="				<tr height=\"2\">";
			tmp_strs +="					<td width=\"2\"><img src=\"i/mms_tab_lb.gif\" border=\"0\" align=\"absmiddle\" /></td>";
			tmp_strs +="					<td width=\"120\" background=\"i/mms_tab_b.gif\" /></td>";
			tmp_strs +="					<td width=\"2\"><img src=\"i/mms_tab_rb.gif\" border=\"0\" align=\"absmiddle\" /></td>";
			tmp_strs +="				</tr>";
			tmp_strs +="			</table>";
			tmp_strs +="		</td>";
			if( k%3 != 0 ){
				tmp_strs +="		<td width=\"20\"></td>";
				}
			if( k%3 == 0 || i == Len-1){
				tmp_strs +="		<td width=\"20\"></td>";
				tmp_strs +="</tr>";				
				tmp_strs +="<tr height=\"20\">";
				tmp_strs +="		<td width=\"20\"></td>";
				
				for ( m = Start_i ; m < Len ; m++ ){					
					tmp_strs +="		<td>";
					tmp_strs +="			<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-size:12px\">";
					//tmp_strs +="				<tr>";
					//tmp_strs +="					<td colspan=\"2\"><b style=\"color:#FA5555\">"+Data_Array[l+Start_i][1].replace(/[\\]/g,"")+"</b></td>";
					//tmp_strs +="				</tr>";
					tmp_strs +="				<tr>";
					tmp_strs +="					<td width=\"30\">";
					tmp_strs +="</td>";
					tmp_strs +="					<td><b>瀏覽人數：</b><b id=\"Use_Count_"+(l+Start_i)+"\">"+Data_Array[l+Start_i][6]+"</b></td>";
					tmp_strs +="				</tr>";
					tmp_strs +="			</table>";
					tmp_strs +="		</td>";
					if( m%3 != 2 ){
						tmp_strs +="		<td width=\"20\"></td>";
						}
					l++;
					if (l % 3 == 0  || (l+Start_i) > Len-1){							
						break;
						}
					}
				tmp_strs +="		<td width=\"20\"></td>";
				tmp_strs +="</tr>";

				tmp_strs +="<tr height=\"10\">";
				tmp_strs +="	<td align=\"center\" colspan=\"7\"></td>";
				tmp_strs +="</tr>";
				}
			if(i<=3 && i>=0){
				//tmp_strs +="<div style=\"left:"+(x*50)+";position:absolute;\"><img src=\"i/hot_ecard.gif\" border=\"0\" align=\"absmiddle\"></div>";
				}
			j++;
			if (j==9){
				break;
				}
			}
		
		var Next_But = ( Pos==Num ) ? "" : "style=\"cursor:pointer\"  onclick = \"Show(\'"+(parseInt(Pos)+1)+"\');\"";
		var	tmp_str_next = "<img src=\"i/Next_Page.gif\" "+Next_But+" align=\"absmiddle\">";
		
		var tmp_page = "";
			tmp_page += "<tr height=\"30\">";
			tmp_page += "	<td align=\"center\" colspan=\"7\" style=\"font-size:12px;color:#333333;\">";
			tmp_page +=	tmp_str_prev;
		/*for (var x=1; x<=Num;x++){
			tmp_page += "		<a style=\"cursor:pointer\" onclick = \"Show(\'"+x+"\');\">"+x+"</a>";
			}*/
			//tmp_page += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
			tmp_page += "&nbsp;&nbsp;&nbsp;<b>目前在第<font color=\"#FF0000\"> "+Pos+" </font>頁/共<font color=\"#FF0000\"> "+Num+" </font>頁</b>&nbsp;&nbsp;&nbsp;";
			tmp_page += tmp_str_next;
			tmp_page += "	</td>";
			tmp_page += "</tr>";
		var str = (tmp_strs) ? tmp_strs + tmp_page : '目前無資料';

		document.getElementById("Data_Block").innerHTML = "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+str+"</table>";
		}

	//**********************顯示單一張圖的資訊**********************//	
	function Show_Info(key){
		Key = key;
		document.getElementById('MMS_Card_FileName').innerHTML =  Data_Array[Key][1].replace(/[\\]/g,"");
		document.getElementById('MMS_Card_FileContent').innerHTML = (Data_Array[Key][4] != 'NO') ? decodeURIComponent(Data_Array[key][4]).replace(/\\n/g,"<br>").replace(/\\/g,"").replace(/[+]/g," ") : '';
		document.getElementById('MMS_Card_FileSize').innerHTML =  Math.round(Data_Array[Key][5]/1024)+'K';
		document.getElementById('MMS_Card_FileCount').innerHTML =  Data_Array[Key][6];
		document.getElementById('PK').value = Data_Array[key][0];

		str = "<tr height=\"100%\"><td width=\"100%\" align=\"center\"><img src=\"i/loading.gif\" border=\"0\"></td></tr>";
		document.getElementById("MMS_Card_Img_Name").innerHTML = "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+str+"</table>";
		setTimeout("ajaxshow('"+Data_Array[key][2]+"')",500);
		document.getElementById('bgsound').innerHTML = "";
		document.getElementById('Test_Mic_Pic').style.display = (Data_Array[Key][3]!='NO') ? "block" : "none";		
		}	

	function ajaxshow(img){
		document.getElementById('MMS_Card_Img_Name').innerHTML = decodeURIComponent(Data_Array[Key][2].replace(/[+]/g,' '));
		}
	//**********************按下「測式音檔」的按鈕**********************//
	function Test_Mic(){		
		if (document.getElementById('PK').value!=""){
			document.getElementById('bgsound').innerHTML = "<embed src=\"MMS/"+Data_Array[Key][3]+"\" autostart=\"true\" hidden=\"true\" >";		
			}
		else{
			alert('請先選擇檔案');
			return false;
			}
		}	
	
	//**********************按下「確定使用」的按鈕**********************//
	function Use(){
		createXMLHttpRequest();				// 建立XMLHttpRequest物件 
		var myId = document.getElementById('PK').value;		
			if (myId==""){
					alert('請先選擇檔案');
					return false;
				}
		var url = "send4_Use_MMS.php?id=" + myId;

		xmlHttp.onreadystatechange = Use_Ajax;		//資料回傳之後，使用callback這個函數處理後續動作 
		xmlHttp.open("POST", url, true);		//將輸入的帳號傳至後端作驗證 
		xmlHttp.send(null); 	
		SelectED_MMS_Card(myId);
		}
		
	//**********************計算使用人數AJAX**********************//
	function Use_Ajax(){
		if (xmlHttp.readyState == 4) { 			
			if (xmlHttp.status == 200) {	
				//接收後端程式傳回來的xml
				var xmldoc = xmlHttp.responseXML;
				//將Tag 為passed的值抓出來
				var PK = xmldoc.getElementsByTagName("pk")[0].firstChild.data;				
				SelectED_MMS_Card(PK);
				}
			}
		}
	
	//**********************將資料帶回主畫面**********************//
	function SelectED_MMS_Card(pk){
		location.href = "send4.php?MMS_Id=" + pk;
		}