// JavaScript Document

var ran;
//===================Function สำหรับ เมื่อ add ข้อมูลแบบ Post สำเร็จแล้ว============================
function afterQuery(theframe,linkurl,text,displayid,displayid2){
	
	theframe.afterQuery2(linkurl,text,displayid,displayid2);

}

function afterQuery2(linkurl,text,displayid,displayid2){
	$(displayid).innerHTML="<center><img src='../images/Loading.gif'><br><br><font size=3px>"+text+"</font><br></center>";
	setTimeout("afterQuery3('"+linkurl+"','"+displayid+"','"+displayid2+"')",1500);
}
	
function afterQuery3(linkurl,displayid,displayid2){
	ran=Math.random();
		 if (linkurl.indexOf('?',0)==-1){
			var url=linkurl+"?ran="+ran;
		 }else{
			var url=linkurl+"&ran="+ran;
		 }
	new Ajax.Request(url,
					 {method : "GET",
					 onComplete:function afterQuery4(sq){
						 $(displayid).innerHTML=sq.responseText; 
					 }
					 }
					 );
}


//===============สร้าง List Menu============================
	var nCat;
	var nCat2;
		function selectCat(linkurl,nextcat,values){
			nCat=nextcat;
			ran=Math.random();
			 if (linkurl.indexOf('?',0)==-1){
				var url=linkurl+"?ran="+ran+"&id="+values;
			 }else{
				var url=linkurl+"&ran="+ran;
			 }
			new Ajax.Request(url,
							 {method:"GET",
							 onComplete:selectCat2
							 }
							 );
		} 
		function clearCatList(){
			while ($(nCat).childNodes.length>0){
				$(nCat).removeChild($(nCat).childNodes[0]);
			}
		}
		
		function selectCat2(sMain){
		clearCatList();
		var addOption=sMain.responseText;
			var option=null;
			p=addOption.split(",");
				option=document.createElement("option");
				option.appendChild(document.createTextNode("กรุณาเลือก"));
				$(nCat).appendChild(option);
			for (var i=0;i<(p.length-1);i++){
				option=document.createElement("option");
				option.appendChild(document.createTextNode(p[i]));
				$(nCat).appendChild(option);
			}
		}
		
		function check(linkurl,catcase,nextcat,value1){
			nCat2=nextcat;
			ran=Math.random();
			var url=linkurl+"?id="+value1+"&cat="+catcase+"&ran="+ran;
		new Ajax.Request(url,
							 {method:"GET",
							 onComplete:check2
							 }
							 );
		} 
		
		function check2(cm){
			var row=cm.responseText;
				if (row!=0){
									$(nCat2).style.display='';
								 }else{
									 $(nCat2).style.display='none';
				
				}
		}
		

		//=================function เปลี่ยนหน้า=============================
		function changeRunPage(linkurl,npage,displayid){
				ran=Math.random();
				 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?page="+npage+"&ran="+ran;
			}else{
				var url=linkurl+"&page="+npage+"&ran="+ran;
			}

				new Ajax.Request(url,
								 {method: "GET",
								 onComplete:function change1(ch){
									 $(displayid).innerHTML=ch.responseText;
								 }
								 }
								 );
		}
		
		//=================function โชว์รูป เมื่อ Click หรือ Mouse Over 
		// อธิบายการใช้งาน     showPicTime(element,ลิงค์ที่จะส่งข้อมูลไป,id ของพื้นที่ๆจะใส่ข้อมูล,ความกว้าง,กำหนดว่า จะใช้งาน scrolls หรือไม่ ถ้าค่าเป็น 1 คือไม่แสดง scrolls,กำหนดตำแหน่งของข้อมูลหรือไม่ ถ้าค่าเป็น 1 ก็จะกำหนดตาม ค่า sx,sy แต่ถ้าค่าไม่เท่ากับ 1 จะแสดงค่าตาม ตำแหน่ง Mouse,ค่าที่จะกำหนดในแกน X,ค่าที่จะกำหนดใน แกนY)========================
		
		function showPic(element,linkurl,displayid,width,scrolls,position,sx,sy){ //ถ้า ค่า sx และ sy ไม่ได้ใส่มา ค่า position ก็ต้องไม่ใส่ ไม่งั้น Error
			var idt=element.id;
			var y=Event.pointerY(event);
			var x=Event.pointerX(event);
			Event.observe(idt,"click",showPic1(linkurl,displayid,width,x,y,scrolls,position,sx,sy));
		}
		
		function showPic1(linkurl,displayid,width,x,y,scrolls,position,sx,sy){						
			ran=Math.random();
			 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method :"GET",
							 onComplete : function showPic2(sp){
								 $(displayid).innerHTML='';
								 $(displayid).style.display='';
								 if (scrolls!=1){
								 $(displayid).style.overflow='scroll';
								 }
								 $(displayid).style.position='absolute';
								 $(displayid).style.width=width+"px";
								 if (position!=1){
								 $(displayid).style.top=y+"px";
								 $(displayid).style.left=x+"px";
								 }else{
								 $(displayid).style.top=(y+sy)+"px";
								 $(displayid).style.left=(x+sx)+"px";
								 }
								 $(displayid).style.background="#ffffff";
								 $(displayid).style.border="2px solid #009900";
							 	 $(displayid).style.fontSize="small";
								 $(displayid).style.padding=5+"px";
								 $(displayid).style.filter="alpha(opacity=95)";
								 $(displayid).innerHTML=sp.responseText;
							 }
							 }
							 );
		}

	//=================function โชว์รูป เมื่อ Click หรือ Mouse Over แบบกำหนดเวลาปิด อัตโนมัติ 
	// อธิบายการใช้งาน     showPicTime(element,ลิงค์ที่จะส่งข้อมูลไป,id ของพื้นที่ๆจะใส่ข้อมูล,ระยะเวลาในการDelay,ความกว้าง,กำหนดว่า จะใช้งาน scrolls หรือไม่ ถ้าค่าเป็น 1 คือไม่แสดง scrolls,กำหนดตำแหน่งของข้อมูลหรือไม่ ถ้าค่าเป็น 1 ก็จะกำหนดตาม ค่า sx,sy แต่ถ้าค่าไม่เท่ากับ 1 จะแสดงค่าตาม ตำแหน่ง Mouse,ค่าที่จะกำหนดในแกน X,ค่าที่จะกำหนดใน แกนY)========================
		
		function showPicTime(element,linkurl,displayid,sec,width,scrolls,position,sx,sy){ //ถ้า ค่า sx และ sy ไม่ได้ใส่มา ค่า position ก็ต้องไม่ใส่ ไม่งั้น Error
			var idt=element.id;
			var y=Event.pointerY(event);
			var x=Event.pointerX(event);
			Event.observe(idt,"click",showPicTime1(linkurl,displayid,sec,width,x,y,scrolls,position,sx,sy));
		}
		
		function showPicTime1(linkurl,displayid,sec,width,x,y,scrolls,position,sx,sy){		
			ran=Math.random();
			 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method :"GET",
							 onComplete : function showPicTime2(sp){
								 $(displayid).innerHTML='';
								 $(displayid).style.display='';
								 if (scrolls!=1){
								 $(displayid).style.overflow='scroll';
								 }
								 $(displayid).style.position='absolute';
								 $(displayid).style.width=width+"px";
								 if (position!=1){
								 $(displayid).style.top=y+"px";
								 $(displayid).style.left=x+"px";
								 }else{
								 $(displayid).style.top=(y+sy)+"px";
								 $(displayid).style.left=(x+sx)+"px";
								 }
								 $(displayid).style.background="#ffffff";
								 $(displayid).style.border="2px solid #009900";
							 	 $(displayid).style.fontSize="small";
								 $(displayid).style.padding=5+"px";
								 $(displayid).style.filter="alpha(opacity=95)";
								 $(displayid).innerHTML=sp.responseText;
								 setTimeout("closePic('"+displayid+"')",sec);
							 }
							 }
							 );
		}
		
		
		//===================function ปิด การโชว์รูป=========================
		
		function closePic(displayid) {
			$(displayid).innerHTML='';
			$(displayid).style.display='none';
			$(showpopup2).style.display='none';
		}
			
		
		//====================function ใช้งาน Ajax ทั่วๆไป============================
		
		function general(linkurl,displayid){
			ran=Math.random();
			if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method : "GET",
							 onComplete:function general2(sp){
								 $(displayid).innerHTML=sp.responseText;
							 }
							 }
							 );
			
		}
		
		//====================function ใช้งาน Ajax ทั่วๆไปแบบกำหนด Timeout============================
		
		function generalTime(linkurl,displayid,sec,finishlink){
			ran=Math.random();
			if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method : "GET",
							 onComplete:function generalTime2(sp){
								 $(displayid).innerHTML=sp.responseText;
								 setTimeout("general('"+finishlink+"','"+displayid+"')",sec);
							 }
							 }
							 );
			
		}
		
		//=======================เรียก ข้อมูล มาแสดง แล้วเปลี่ยนข้อมูลทุกๆ 10 วินาที===================================
		
		function refreshPage(linkurl,displayid,sec,page,total){
			ran=Math.random();
			if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?page="+page+"&ran="+ran;
			}else{
				var url=linkurl+"&page="+page+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method:"get",
							 onComplete:function callNews1(cn){
								 $(displayid).innerHTML=cn.responseText;
								  if (page<total){
									 page=page+1;
								 }else{
									 page=1;
								 }
								 setTimeout("refreshPage('"+linkurl+"','"+displayid+"','"+sec+"',"+page+",'"+total+"')",sec);
							 }
							 }
							 )
		}
								 
		//=================function โชว์ Popup แบบค่อยปรากฏ และตำแหน่ง อ้างอิงจาก Element เมื่อ Click หรือ Mouse Over แบบกำหนดเวลาปิด อัตโนมัติ 
	// อธิบายการใช้งาน     showPicTime(element,ลิงค์ที่จะส่งข้อมูลไป,id ของพื้นที่ๆจะใส่ข้อมูล,ระยะเวลาในการDelay,ความกว้าง,สถานะปิดอัตโนมัติ ถ้า= Auto จะปิดอัตโนมัติ,ตำแหน่งบน,ตำแหน่งซ้าย)========================
		
		function showPopup(element,linkurl,displayid,sec,width,auto,ntop,nleft){ 
			var idt=element.id;
			var alp=0;
			var offsetw=element.offsetWidth;
			var offset=0;
			var fild=element;
			while (fild){
				offset += fild.offsetTop;
				fild=fild.offsetParent;
			}
			Event.observe(idt,"click",showPopup1(linkurl,displayid,alp,sec,width,auto,offsetw,offset,ntop,nleft));
		}
		
		function showPopup1(linkurl,displayid,alp,sec,width,auto,offsetw,offset,ntop,nleft){		
			ran=Math.random();
			alp=alp+10;
			 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method :"GET",
							 onComplete : function showPopup2(sp){
								 $(displayid).innerHTML=''; 
								 $(displayid).style.display='';
								 $(displayid).style.position='absolute';
								 $(displayid).style.width=width+"px";
								 $(displayid).style.top=offset+ntop+"px";
								 $(displayid).style.left=offsetw+nleft+"px";
								 $(displayid).style.background="#ffffff";
								// $(displayid).style.border="2px solid #009900";
							 	 $(displayid).style.fontSize="small";
								 //$(displayid).style.padding=5+"px";
								 $(displayid).style.filter="alpha(opacity="+alp+")";	
								  $(displayid).innerHTML=sp.responseText;
								 if (alp < 90){
									 setTimeout("showPopup1('"+linkurl+"','"+displayid+"',"+alp+","+sec+","+width+",'"+auto+"',"+offsetw+","+offset+","+ntop+","+nleft+")",50);
								 }else{ 
									 if (auto=="auto"){
								 setTimeout("closePicAlpha('"+displayid+"',100)",sec);
									 }
							 }
							 }
							 }
							 );
		}
		
	//=================================Function ปิด Popup แบบ ค่อยๆ จางหาย===============================================
	function closePicAlpha(displayid,alp){
	    alp=alp-10;
		$(displayid).style.filter="alpha(opacity="+alp+")";
		$(showpopup2).style.filter="alpha(opacity="+alp+")";
		if (alp > 0){
			setTimeout("closePicAlpha('"+displayid+"',"+alp+")",50);
		}else{
			$(displayid).style.display='none';
			$(showpopup2).style.display='none';
			/*if (checkf==0){
			$('flashmain').innerHTML='<embed src="images/flashm/'+flash+'" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="520" height="543"></embed>';
			checkf=1;
			}*/
		}
	}
			
			//=================function โชว์ Popup แบบค่อยปรากฏ และตำแหน่ง อ้างอิงจาก Element เมื่อ Click หรือ Mouse Over แบบกำหนดเวลาปิด อัตโนมัติ 
	// อธิบายการใช้งาน     showPicTime(element,ลิงค์ที่จะส่งข้อมูลไป,id ของพื้นที่ๆจะใส่ข้อมูล,ระยะเวลาในการDelay,ความกว้าง,ตำแหน่งบน,ตำแหน่งซ้าย)========================
		
		function showPopupHydro(element,linkurl,displayid,sec,width,auto,ntop,nleft){ //ถ้า ค่า sx และ sy ไม่ได้ใส่มา ค่า position ก็ต้องไม่ใส่ ไม่งั้น Error
			var idt=element.id;
			var alp=0;
			var offsetw=element.offsetWidth;
			var offset=0;
			var offsetL=0;
			var fild=element;
			while (fild){
				offset += fild.offsetTop;
				fild=fild.offsetParent;
			}
			Event.observe(idt,"click",showPopupHydro1(linkurl,displayid,alp,sec,width,auto,offsetw,offset,ntop,nleft));
		}
		
		function showPopupHydro1(linkurl,displayid,alp,sec,width,auto,offsetw,offset,ntop,nleft){		
			ran=Math.random();
			alp=alp+10;
			 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method :"GET",
							 onComplete : function showPopupHydro2(sp){
								 $(displayid).innerHTML=''; 
								 $(displayid).style.display='';
								 $(displayid).style.position='absolute';
								 $(displayid).style.width=width+"px";
								 $(displayid).style.top=offset+ntop+"px";
								 $(displayid).style.left=offsetw+nleft+"px";
							 	 $(displayid).style.fontSize="small";
								 $(displayid).style.filter="alpha(opacity=100)";
								 $(displayid).innerHTML=sp.responseText;
									 if (auto=="auto"){
								 setTimeout("closePicAlpha('"+displayid+"',100)",sec);
									 }
							 }
							 }
							 );
		}
		
	//=================================Function ปิด Popup แบบ ค่อยๆ จางหาย===============================================
	function generalframe(theframe,linkurl,displayid){
		theframe.general(linkurl,displayid);
	}
	
	function closeFrame(theframe,displayid){
		theframe.closePic(displayid);
	}
	
	function popupFrame(theframe,element,linkurl,displayid,sec,width,auto,ntop,nleft){
		var ele=element;
		theframe.showPopupHydro(ele,linkurl,displayid,sec,width,auto,ntop,nleft);
	}
	
	function ChangeMpic(theframe,linkurl,t1,t2){
		theframe.ChangeMPic2(linkurl,t1,t2);
	}
	var checkPM=1;
	function ChangeMPic2(linkurl,t1,t2){
		ran=Math.random();
							if (checkPM==1){
								var display=t2;
							}else{
								var display=t1;
							}
							 if (linkurl.indexOf('?',0)==-1){
								 var url=linkurl+"?ran="+ran;
							}else{
								var url=linkurl+"&ran="+ran;
							}
							new Ajax.Request(url,
											 {Method: "GET",
											 onComplete : function ChangeMPic3(cmp){
												 $(display).innerHTML=cmp.responseText;
												 if (checkPM==1){
													 checkPM=2;
												 }else{
													 checkPM=1;
												 }
												
												 ChangeMPic4(t1,t2);

								 }
								 }
								 );
							 }
		
		function ChangeMPic4(t1,t2){
		if (parseInt($(t1).style.left) > -278){
		$(t1).style.left=parseInt($(t1).style.left)-2+"px";
		}else{
			$(t1).style.left=parseInt($(t2).style.left)+278+"px";
		}
		if (parseInt($(t2).style.left) > -278){
		$(t2).style.left=parseInt($(t2).style.left)-2+"px";
		}else{
			$(t2).style.left=parseInt($(t1).style.left)+278+"px";
		}
		if (parseInt($(t1).style.left) == -278){
			$(t1).style.left="278px";
		}else if(parseInt($(t1).style.left) == 0){
			$(t2).style.left="278px";
		}else{
		setTimeout("ChangeMPic4('"+t1+"','"+t2+"')",5);
		}
	}
	
	function closeFrame(theframe,displayid){
		theframe.closePic(displayid);
	}

	var checkP=1;
	var checkPrev=1;
	function ChangeProduct(mainlink,linkurl,total,page,t1,t2,t3){
		ran=Math.random();
		 if (total>page){
			 if (mainlink.indexOf('?',0)==-1){
				 var url1=mainlink+"?ran="+ran;
			}else{
				var url1=mainlink+"&ran="+ran;
			}
			new Ajax.Request(url1,
						 {Method: "GET",
						 onComplete : function ChangeProduct2(cp2){
						 $(t3).innerHTML=cp2.responseText;
							if (checkP==1){
								var display=t2;
							}else{
								var display=t1;
							}
							 if (linkurl.indexOf('?',0)==-1){
								 var url=linkurl+"?ran="+ran;
							}else{
								var url=linkurl+"&ran="+ran;
							}
							new Ajax.Request(url,
											 {Method: "GET",
											 onComplete : function ChangeProduct1(cp){
												 $(display).innerHTML=cp.responseText;
												 if (checkP==1){
													 checkP=2;
												 }else{
													 checkP=1;
												 }
												
												 runProduct(t1,t2);
					
											 }
											 }
											 );
								 }
								 }
								 );
							 }
						}
		
		function runProduct(t1,t2){
		if (parseInt($(t1).style.left) > -360){
		$(t1).style.left=parseInt($(t1).style.left)-5+"px";
		}else{
			$(t1).style.left=parseInt($(t2).style.left)+360+"px";
		}
		if (parseInt($(t2).style.left) > -360){
		$(t2).style.left=parseInt($(t2).style.left)-5+"px";
		}else{
			$(t2).style.left=parseInt($(t1).style.left)+360+"px";
		}
		if (parseInt($(t1).style.left) == -360){
			$(t1).style.left="360px";
		}else if(parseInt($(t1).style.left) == 0){
			$(t2).style.left="360px";
		}else{
		setTimeout("runProduct('"+t1+"','"+t2+"')",30);
		}
	}
	
	function ChangeProductPrev(mainlink,linkurl,total,page,t1,t2,t3){
		ran=Math.random();
		 if (page>total){
			 if (mainlink.indexOf('?',0)==-1){
				 var url1=mainlink+"?ran="+ran;
			}else{
				var url1=mainlink+"&ran="+ran;
			}
			new Ajax.Request(url1,
						 {Method: "GET",
						 onComplete : function ChangeProduct2(cp2){
						 $(t3).innerHTML=cp2.responseText;
							if (checkP==1){
								var display=t2;
							}else{
								var display=t1;
							}
							 if (linkurl.indexOf('?',0)==-1){
								 var url=linkurl+"?ran="+ran;
							}else{
								var url=linkurl+"&ran="+ran;
							}
							new Ajax.Request(url,
											 {Method: "GET",
											 onComplete : function ChangeProduct1(cp){
												 $(display).innerHTML=cp.responseText;
												 if (checkP==1){
													 checkP=2;
												 }else{
													 checkP=1;
												 }
												
												 runProductPrev(t1,t2);
					
											 }
											 }
											 );
								 }
								 }
								 );
							 }
						}
		
		function runProductPrev(t1,t2){
		if (parseInt($(t1).style.left) < 360){
		$(t1).style.left=parseInt($(t1).style.left)+5+"px";
		}else{
			$(t1).style.left=parseInt($(t2).style.left)-360+"px";
		}
		if (parseInt($(t2).style.left) < 360){
		$(t2).style.left=parseInt($(t2).style.left)+5+"px";
		}else{
			$(t2).style.left=parseInt($(t1).style.left)-360+"px";
		}
		if (parseInt($(t1).style.left) == 0){
			$(t2).style.left="-360px";
		}else if(parseInt($(t1).style.left) == 360){
			$(t1).style.left="-360px";
		}else{
		setTimeout("runProductPrev('"+t1+"','"+t2+"')",30);
		}
	}
	
	function loadPdf(values){
		window.open(values,"PDF","scrollbars=1,height=600,width=800,Resizable=1");
	}
	
	function del(linkurl,finishlink,displayid,finishlink1,displayid1){
			 ran=Math.random();
			 if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			new Ajax.Request(url,
							 {method : "GET",
							 onComplete:function del2(d2){
								 $(displayid).innerHTML="<center><img src='../images/Loading.gif'><br><font size=2px>โปรดรอสักครู่...กำลังลบข้อมูลค่ะ</font></center>";
								 setTimeout("general('"+finishlink+"','"+displayid+"');general('"+finishlink1+"','"+displayid1+"')",2000);
							 }
							 }
							 );
	}
	function generalQuery(theframe,linkurl,displayid,linkurl1,displayid1,text,text1){
	
	theframe.generalQuery2(linkurl,displayid,linkurl1,displayid1,text,text1);

}
	
	
	function generalQuery2(linkurl,displayid,linkurl1,displayid1,text,text1){
			$(displayid).innerHTML="<center><img src='../images/Loading.gif'><br><font size=2px>"+text+"</font></center>";
								 setTimeout("generalQuery1('"+linkurl+"','"+displayid+"','"+linkurl1+"','"+displayid1+"','"+text1+"')",2000);
		}
		
		function generalQuery1(linkurl,displayid,linkurl1,displayid1,text1){
			ran=Math.random();
			if (linkurl.indexOf('?',0)==-1){
				 var url=linkurl+"?ran="+ran;
			}else{
				var url=linkurl+"&ran="+ran;
			}
			$(displayid).innerHTML="<center><img src='../images/Loading.gif'><br><font size=2px>"+text1+"</font></center>";
								 setTimeout("general('"+linkurl+"','"+displayid+"');general('"+linkurl1+"','"+displayid1+"')",2000);
		}