// JavaScript Document
	var webcam_domain 			= "icedome.hatyaicity.go.th";
	var webcam_port 			= "";
	var temp 					= new Image();
	var default_temp 			= new Image();
	var error_temp 				= new Image();
	var imageurl				= "";
	var default_image			= "images/all/webcam/bg_08_1.jpg";
	var error_image				= "images/all/webcam/bg_08_2.jpg";
	var loading					= "images/ajax-loader.gif";
	default_temp.src			= default_image;
	error_temp.src				= error_image;
	var debug					= false;
	
	if(debug==true){
		document.write('<textarea name="debug" id="debug" style="width:300px; height:100px; position:absolute; top:0px; left:0px;"></textarea>');	
	}
	
	document.write('<div id="loadingbar"><img src="'+loading+'" align="absmiddle" /> กำลังอัพเดทภาพจากกล้อง.... </div>');
	function showwebcam(port)
	{
		writedebug("Starting show webcam port : " + port);
		writedebug("read variable default_image : " + default_image)
		writedebug("Set display image to default image.")
		document.webcam.src		= default_temp.src;
		writedebug("Set webcam_port to port " + port)
		webcam_port				= port;
		
		setUtilities()
		getLiveCam();
	}
	function getLiveCam()
	{
		document.getElementById('loadingbar').style.display="";
		imageurl 				= "http://" + webcam_domain + ":" + webcam_port + "/record/current.jpg?rand=" + Math.random();
		writedebug("Set imageurl to " + imageurl);
		writedebug("Start download image.");
		temp.src				= imageurl;
		temp.onload 			= imagecomplete;
		temp.onerror 			= imageerror;
	}
	function imagecomplete()
	{
		writedebug("Download image complete.");
		writedebug("Display images.");
		document.webcam.src		= temp.src;
		nextloop()
		
	}
	function imageerror()
	{
		writedebug("Download image error.");
		writedebug("Display images to ."+error_image);
		document.webcam.src		= error_temp.src;
		nextloop()
	}
	
	function nextloop()
	{
		document.getElementById('loadingbar').style.display="none";
		writedebug("go to next loop.");
		setTimeout("getLiveCam()",1000);	
	}
	
	function setUtilities()
	{
		if(webcam_port==10003){
			document.getElementById('backbtn').innerHTML='';
			document.getElementById('camname').innerHTML="กล้องที่ 1";
			document.getElementById('nextbtn').innerHTML='<img src="images/all/webcam/bg_15.jpg" width="189" height="58" border="0" usemap="#Map2" />';
		}
		
		if(webcam_port==10004){
			document.getElementById('nextbtn').innerHTML='';
			document.getElementById('camname').innerHTML="กล้องที่ 2";
			document.getElementById('nextbtn').innerHTML='<img src="images/all/webcam/bg_15.jpg" width="189" height="58" border="0" usemap="#Map3" />';
				document.getElementById('backbtn').innerHTML='<img src="images/all/webcam/bg_14.jpg" width="189" height="58" border="0" usemap="#Map" />';
		}
		
		if(webcam_port==10006){
			document.getElementById('nextbtn').innerHTML='';
			document.getElementById('camname').innerHTML="กล้องที่ 3";
			document.getElementById('backbtn').innerHTML='<img src="images/all/webcam/bg_14.jpg" width="189" height="58" border="0" usemap="#Map" />';	
		}
	}
	
	function writedebug(msg)
	{
		if(debug==true){
			document.getElementById('debug').style.display="";	
			document.getElementById('debug').value += "\n" + msg;
			document.getElementById('debug').scrollTop = document.getElementById('debug').scrollHeight;
		}
	}