if (typeof(OFFICER) == "undefined") {
	OFFICER = false;
}

// ---- BEGIN -- Util & Setting

var getpointurl = "http://traffic.thai.net/rpc/getpoint.php";
var traffic_draw_mode = 'normal';

var camera_time_threshold = 3600; //camera not update in seconds

showlinestart = 20;
showlinestop = 20;

showlinestart_edit = 2;
showlinestop_edit = 12;

showlinestart_ad = 2;
showlinestop_ad = 12;

var fetchtraffic = false;
var checkfetchtrafficzoomtimer = false;

monthLong = ["\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21","\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C","\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21","\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19","\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21","\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19","\u0E01\u0E23\u0E01\u0E0F\u0E32\u0E04\u0E21","\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21","\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19","\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21","\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19","\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"];
monthShort = ["\u0E21.\u0E04.","\u0E01.\u0E1E.","\u0E21\u0E35.\u0E04.","\u0E40\u0E21.\u0E22.","\u0E1E.\u0E04.","\u0E21\u0E34.\u0E22.","\u0E01.\u0E04.","\u0E2A.\u0E04.","\u0E01.\u0E22.","\u0E15.\u0E04.","\u0E1E.\u0E22.","\u0E18.\u0E04."];

var jsonreqcnt = 0;
var jsonreqnode = new Array();
var fflush = true;
var statrotate = new Array();
var gettraffic_timer = false;

var accident_customdiv = new Array();

var pointrequest;

var search_keyword = "";
var searchdiv = new Array();

var showadroute = false;
var adroutedata = {};
var adroutepart = [];

var cronjobtimer = false;
var dnews1timer = false;
var dnews2timer = false;
var updatestattimer = false;

//----------police traffic------------
var viewoldevents = false;
var ptf = false;
var camrefresh = false;
//-----------------------------------
// set updateinterval = -1 to disable update

function doCronJob(updateinterval) {
  //alert("Entering doCronjob(" + updateinterval + ")");
  

  if (cronjobtimer) {
    clearTimeout(cronjobtimer);
  }

  if (updateinterval != -1) {

    
    
    if (accident_timer) { clearTimeout(accident_timer);};
    accident_timer = setTimeout("mapupdate();", 1000);

    if (dnews1timer) { clearTimeout(dnews1timer);}; 
    
    
    if(viewoldevents==false) { //add by Nutt ->& viewoldevents==false
      dnews1timer = setTimeout("dl(1)", 2000);  
    }
    
    if(camrefresh) {clearTimeout(camrefresh);}
    camrefresh = setTimeout("refreshcamera()", 3000);

    if (dnews2timer) { clearTimeout(dnews2timer);};
    dnews2timer = setTimeout("dl(2)", 2000);

    if (gettraffic_timer) {clearTimeout(gettraffic_timer);};
    gettraffic_timer = setTimeout("gettraffic()", 3000);

	  if (checkfetchtrafficzoomtimer) { clearTimeout(checkfetchtrafficzoomtimer);};
	  checkfetchtrafficzoomtimer = setTimeout("checkfetchtrafficzoom()", 4000);

	  if (updatestattimer) { clearTimeout(updatestattimer);};
  	updatestattimer = setTimeout("updatestat()", 5000);

	  cronjobtimer = setTimeout("doCronJob(" + updateinterval + ")",updateinterval);
  }
}

function addslashes(str) {
	str=str.replace(/\\/g,'\\\\');
	str=str.replace(/\'/g,'\\\'');
	str=str.replace(/\"/g,'\\"');
	str=str.replace(/\0/g,'\\0');
	return str;
}

function replacethaimonth(str){
	var convtab = {
	'jan' : "ม.ค.",
	'feb' : "ก.พ.",
	'mar' : "มี.ค.",
	'apr' : "เม.ย.",
	'may' : "พ.ค.",
	'jun' : "มิ.ย.",
	'jul' : "ก.ค.",
	'aug' : "ส.ค.",
	'sep' : "ก.ย.",
	'oct' : "ต.ค.",
	'nov' : "พ.ย.",
	'dec' : "ธ.ค."
	};

	a = str.replace( /[a-z]+/ig,
		function (word) {
		  if (typeof(convtab[word.toLowerCase()]) != 'undefined')
		  	return convtab[word.toLowerCase()];
		  else
				return word;
		}
	);

	return a;
}
// ---- END -- Util & Setting


// ---- BEGIN -- Map Event
var debuginfo;
function resizenewsdiv(){
	
  
  var mid = document.getElementById("tabbodycontainer").offsetHeight/2 - 40 - 15; 

	if (typeof(document.getElementById("newsdiv_body").scrollHeight) == 'undefined')
	  n1s = 20;
	else
	  n1s = document.getElementById("newsdiv_body").scrollHeight;

  //alert(n1s);
	if (typeof(document.getElementById("news2div_body").scrollHeight) == 'undefined')
	  n2s = 20;
	else
	  n2s = document.getElementById("news2div_body").scrollHeight;

	if (n1s < mid) {
		document.getElementById("newsdiv_body").style.height = n1s;
		document.getElementById("news2div_body").style.height = 0;//instead of 2*mid - n1s
		debuginfo = 1;
	} else 	if (n2s < mid) {
		document.getElementById("newsdiv_body").style.height = 2*mid - n2s;
		document.getElementById("news2div_body").style.height = 0;//instead of n2s
		debuginfo = 2;
	} else {
		document.getElementById("newsdiv_body").style.height = mid;
		document.getElementById("news2div_body").style.height = 0; //instead of mid
		debuginfo = 3;
	}

//*/
//	document.getElementById("newsdiv_body").style.maxHeight = document.getElementById("tabbodycontainer").offsetHeight/2 - 50;
//	document.getElementById("news2div_body").style.maxHeight = document.getElementById("tabbodycontainer").offsetHeight/2 - 50;
}

var fullscreen = false;

function doGoFullScreen() {
  setFullScreen(true);
  document.getElementById('restorescreen').style.visibility = "visible";
  document.getElementById('restorescreen').innerHTML = "<img src=/images/min.gif> ";

  document.getElementById('gofullscreen').style.visibility = "hidden";
  document.getElementById('gofullscreen').innerHTML = "";

  document.getElementById('fullscreentitle').style.visibility = "visible";
  document.getElementById('disclaimer').style.visibility = "hidden";
}

function doRestoreScreen() {
  setFullScreen(false);
  document.getElementById('restorescreen').style.visibility = "hidden";
  document.getElementById('restorescreen').innerHTML = "";

  document.getElementById('gofullscreen').style.visibility = "visible";
  document.getElementById('gofullscreen').innerHTML = "<img src=/images/max.gif> ";

  document.getElementById('fullscreentitle').style.visibility = "hidden";
  document.getElementById('disclaimer').style.visibility = "visible";
}

function setFullScreen(_f) {
  fullscreen = _f;
  mapresize();
}

function mapresize() {
  chkWinSize();

  var newwidth;
  var newheight;
  var newtop;

  if (fullscreen) {
    newwidth = parseInt(ww) - 5 - 5;
    newheight = wh;
    newtop = 5;
  } else {
    newwidth = ww - 235;
    newheight = parseInt(wh) - 124 - 15 - 5 - document.getElementById('midbar').offsetHeight;
    newtop = 124 + document.getElementById('midbar').offsetHeight; // normal top
  }

  document.getElementById("rightpanel").style.display = 'block';
  document.getElementById("rightpanel").style.left = parseInt(ww) - 235 - 5;

  document.getElementById("rightpanel").style.height = newheight;

  document.getElementById("mmmap_div").style.top = newtop;

  if (gmapjsloaded) {
  	document.getElementById("googlemap_div").style.top = newtop;
	  gmap.setSize(newwidth,newheight);
  }

  document.getElementById("rightpanel").style.top = 124 + document.getElementById('midbar').offsetHeight;

  document.getElementById("tabcontainer").style.height = newheight
			- parseInt(document.getElementById('searchbox_option').offsetHeight);

	tabupdate();
	
	setTimeout("resizenewsdiv()",100);

  if (fullscreen) {
    document.getElementById("rightpanel").style.visibility = "hidden";
  } else {
    document.getElementById("rightpanel").style.visibility = "visible";
  }

  mmmap.setSize(newwidth,newheight);
  mmmap.rePaint();
}

function popupformwindow(lat, lng){
	var succ = window.open('popupform.php?lat=' + lat + '&long=' + lng + '',"accidentreport",'status=no,toolbar=no,menubar=no,location=no,resizable=yes,width=350,height=550');
	if (!(succ))
	  alert("ตรวจพบโปรแกรมป้องกันการเปิดหน้าต่างใหม่\n"
	    + "- ถ้ามีแถบสีเหลือง (Pop-up blocked) ปรากฏด้านบน\n ให้คลิกที่แถบนั้น และเลือก Always Allow Pop-ups from This Site\n\n"
	    + "หากไม่มีแถบปรากฏด้านบน\n"
			+"- ถ้าคุณใช้ Internet Explorer\n   ไปที่เมนู Tools > Pop-up Blocker > Always Allow Pop-ups from This Site\n- ถ้าคุณใช้ Firefox\n  Tools > Options > Content ที่บรรทัด Block pop-up windows กด Exceptions \n  ใส่ Address of web site เป็น traffic.thai.net กด Allow ตามด้วย Close");
		//*/
}

function myExtraRightClickFunction() {
  var txt = '<br/><span id="report_accident_span" title="Report incident" style="font-family:loma,tahoma;font-size: 9pt;cursor:pointer;text-decoration: underline" onmousedown="reportAccident(event,\'' + mmmap.mouseCursorLat() + '\',\'' + mmmap.mouseCursorLong() + '\')">รายงานเหตุการณ์</span>';
  return txt;
}

function reportAccident(e,lat,lng) {
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	e.returnValue = false;

	popupformwindow(lat,lng);
	return false;
}

// ---- END -- Map Event

// ---- BEGIN -- Draw Accident
var accident_timer = false;

function getpoint(mode){
	json_request(getpointurl,"","restmp","drawpoint(restmp)");
}

function mapupdate(){
	// load data and plot
	if (accident_timer) {clearTimeout(accident_timer); accident_timer = false;}
	getpoint('all');

}

function drawpoint(res){
	r = res;

	updatelock = false;
	statuscode = {"0": "ปลอดภัยแล้ว", "1": "กำลังจัดการ"};
	severitycode = {"1": "โปรดระมัดระวัง", "2": "มีความเสี่ยง", "3": "อันตราย", "4": "งานก่อสร้าง"};
	colorcode = {"1": "#FF0000", "2": "#FF9900", "3": "#FFFF00", "4": "#666666"};

	pointcount = 0;
	debug="";

	newpointarray = new Array();
	newgpointarray = new Array();
	newpointarrayinfo = new Array();

	for(i=0;i<r.result.length;i++){
		  var testdiv = document.createElement("div");

		  testdiv.info = r.result[i];

		  // loop to find match
			match = false;
			matchindex = 0;
			for	(j=0;j<pointarrayinfo.length;j++) {
			  if (	(pointarrayinfo[j].id == testdiv.info.id)
			     && (pointarrayinfo[j].title == testdiv.info.title)
			     && (pointarrayinfo[j].status == testdiv.info.status)
			     && (pointarrayinfo[j].severity == testdiv.info.severity)
			     && (pointarrayinfo[j].start_time == testdiv.info.start_time)
			     && (pointarrayinfo[j].stop_time == testdiv.info.stop_time)
			     && (pointarrayinfo[j].comment == testdiv.info.comment)
			     && (pointarrayinfo[j].latitude == testdiv.info.latitude)
			     && (pointarrayinfo[j].longitude == testdiv.info.longitude)
			     && (pointarrayinfo[j].routeno == testdiv.info.routeno)
			     && (pointarrayinfo[j].km == testdiv.info.km)
			     && (pointarrayinfo[j].direction == testdiv.info.direction)
			     && (pointarrayinfo[j].nearplace == testdiv.info.nearplace)
					 ) {
					match = true;
					matchindex = j;
					break;
			  }
			}

		debug += (match + " " + matchindex + " " + testdiv.info.id) + "\n";

			if (!match) {
			  if (testdiv.info.severity == "4") {
			  	testdiv.innerHTML = "<img src=\"images/cons.gif\">";
			  } else {
			  	testdiv.innerHTML = "<img src=\"images/accident_" + testdiv.info.severity + ".gif\">";
			  }

			  popuptitle = testdiv.info.title;

				t1 = testdiv.info.start_time.substr(0,testdiv.info.start_time.indexOf(" "));
			  t2 = t1.split("-");
			  t3 = testdiv.info.start_time.substr(testdiv.info.start_time.indexOf(" "));
			  t3 = t3.substr(0, t3.lastIndexOf(":"));

			  t2[1] = t2[1].replace(/^0/, "");
			  t2[2] = t2[2].replace(/^0/, "");
			  year = parseInt(t2[0]) + 543;
			
			  sd = (t1 != "0000-00-00")?(t2[2] + " " + monthShort[parseInt(t2[1]) - 1] + " " + year + " " + t3):"ปัจจุบัน";

				t1 = testdiv.info.stop_time.substr(0,testdiv.info.stop_time.indexOf(" "));
			  t2 = t1.split("-");

			  t2[1] = t2[1].replace(/^0/, "");
			  t2[2] = t2[2].replace(/^0/, "");
			  year = parseInt(t2[0]) + 543;

			  t3 = testdiv.info.stop_time.substr(testdiv.info.stop_time.indexOf(" "));
			  t3 = t3.substr(0, t3.lastIndexOf(":"));
			  td = (t1 != "0000-00-00")?(t2[2] + " " + monthShort[parseInt(t2[1]) - 1] + " " + year + " " + t3):"ปัจจุบัน";

				divid = "accident_detail_div_" + testdiv.info.id;

				var text = "";

				//text += "<div style=\"float:left;margin-bottom: 0px;margin-top: 108px;position:relative;\" id=\"" + divid + "_arrow\"><span onmouseover=\"accident_detail_scroll('" + divid + "',0,1)\"  onmouseout=\"accident_detail_scroll('" + divid + "',0,0)\"><img src='images/aup.gif'></span> &nbsp; <span onmouseover=\"accident_detail_scroll('" + divid + "',1,1)\"  onmouseout=\"accident_detail_scroll('" + divid + "',1,0)\"><img src='images/adown.gif'></span></div>";

//				text += "<div id=\"" + divid + "\" style=\"height:108px; overflow: hidden;margin-top:-2px;margin-bottom:1px;\">" + sd + " - " + td + "<br>"
				text += "<div id=\"" + divid + "\" style=\"margin-top:-2px;margin-bottom:1px;\"><font size=-2><i>" + sd + " - " + td + "</i></font><br>"
				  +"<b>ผู้รายงาน</b>: "+testdiv.info.contributor+"<br>"
				  + "<b>ทางหลวง</b> #" + testdiv.info.routeno + ", กม. ที่ " + testdiv.info.km +
					 ((testdiv.info.kmstop)?(' ถึง ' + testdiv.info.kmstop):'') + "<br>"
					+ "<b>ทิศทาง:</b> "
					+ testdiv.info.direction + "<br>"
					+ "<b>บริเวณ:</b> "
					+ testdiv.info.nearplace + "<br>"
					+ "<b>รายละเอียด:</b> "
					+ ((testdiv.info.comment != "")?testdiv.info.comment:"-")

          +((testdiv.info.img != '')?"<br><span style=\"cursor:pointer\" onclick='showFullImg(\"http://main.traffic.thai.net/rpc/syn-policedb/getimage.php?id="+testdiv.info.id+"\", "+testdiv.info.latitude+","+testdiv.info.longitude+", "+testdiv.info.id+")'><img width='53' height='40' src='http://main.traffic.thai.net/rpc/syn-policedb/getimage.php?id="+testdiv.info.id+"'>":'')+"</span></div>";
					
					var popuptext = text
					+ (OFFICER?("<div style=\"margin-left: 145px; \"> &nbsp; [<span id='edit_location_text' style='font-family:loma,tahoma; font-size: 9pt;cursor:pointer;text-decoration: underline' onmousedown=\"window.open(\'popupform.php?id=" + testdiv.info.id
					+ "\','accidentreport',\'status=no,toolbar=no,menubar=no,location=no,resizable=no,width=340,height=550\');event.cancelBubble=true;\">แก้ไข</span>]</div>"):'');

			  newpointarray[pointcount] = mmmap.drawCustomDivLevelWithPopup(testdiv, r.result[i].latitude, r.result[i].longitude, popuptitle, 4, 14, popuptext);
			  newpointarrayinfo[pointcount] = testdiv.info;
			  accident_customdiv[testdiv.info.id] = pointcount;
			  
			  // add gpoint
				if (gmapjsloaded) {
				  var point = new GLatLng(r.result[i].latitude, r.result[i].longitude);
				  var marker = new GMarker(point, gicon[testdiv.info.severity - 1]);
				  marker.mm_isdesc = true;
				  marker.mm_desc = "<b>" + popuptitle + "</b><br>" + text;
				  newgpointarray[pointcount] = marker;
					gmap.gmap_object.addOverlay(marker);
				}

			  pointcount++;

			} else {
			  newpointarray[pointcount] = pointarray[matchindex];
			  newpointarrayinfo[pointcount] = pointarrayinfo[matchindex];
			  pointarray[matchindex] = -1;
			  accident_customdiv[testdiv.info.id] = pointcount;
			  pointcount++;
			}


	}

	for(i=0;i<pointarray.length;i++) {
	  if (pointarray[i] != -1) {
	  	mmmap.removeCustomDivs(pointarray[i]);
	  	// remove gpoint
				if (gmapjsloaded) {
          gmap.gmap_object.removeOverlay(gpointarray[pointcount]);
				}
	  }
	}

	pointarray = newpointarray;
	pointarrayinfo = newpointarrayinfo;
  gpointarray = newgpointarray;

  //if (updateinterval != -1) {
  //  accident_timer = setTimeout("mapupdate();", updateinterval);
  //}
}

function showFullImg(src, latitude, longitude, id, method) {
  
  //alert(method);
  //if(method=='auto' && document.getElementById('imagefrompolice').style.visibility != 'visible') {return 0;}
  if(document.getElementById('fimg'+id)){
    //closeFullImg('fimg'+id);
  }
  else {
    document.getElementById('imagefrompolice').style.visibility = "visible";
    document.getElementById('imagefrompolice').innerHTML = '';
    var imgdiv = document.createElement("div");
    imgdiv.id = 'fimg'+id;
    imgdiv.align = "right";
    imgdiv.style.zIndex = '32767';
    imgdiv.style.border = "5px solid white";
    imgdiv.style.backgroundColor = "#ffffff";
    //imgdiv.style.zIndex = "1000";
    imgdiv.innerHTML = '<img src="'+src+'"><br><span onclick ="closeFullImg(\''+imgdiv.id+'\')" style="cursor:pointer;"><b>[close]</b></span>';
    //imgdiv.style.position = 'absolute';
    //imgdiv.onClick = function(){alert("lost");}
    //imgdiv.style.width = document.getElementById('mmmap_div').style.width;
    //imgdiv.style.height = document.getElementById('mmmap_div').style.height;
    //document.getElementById('mmmap_div').style.filter = 'alpha(opacity=50)';
    //document.getElementById('mmmap_div').style.opacity = 0.4;
    //mmmap.drawCustomDiv(imgdiv, latitude, longitude, "");
    document.getElementById('imagefrompolice').appendChild(imgdiv);
  } 
}

function closeFullImg(id)
{
  var todel = document.getElementById(id);
  todel.parentNode.removeChild(todel);
  if( document.getElementById('imagefrompolice').innerHTML=='') {
      document.getElementById('imagefrompolice').style.visibility = "hidden";
  }
}

// ---- END -- Draw Accident

// ---- BEGIN -- News Update & Rotate

function map_flyto(lat,lng, id, src){
	if (currentmode == 'gmap') {
    gmap.gmap_object.panTo(new GLatLng(lat, lng));
    //alert('true');
	} else {
	  mmmap.moveTo(lat,lng);
	  //alert('false');
	  
	  if (id) {
	  // alert('src:'+src+'\n'+'id:'+id+'\n'+pointarray[accident_customdiv[id]]);
	   var dvid = (src=='oldevents')?id:pointarray[accident_customdiv[id]];
	   //alert(mmmap.getCustomDiv(dvid));
			mmmap.getCustomDiv(dvid).onclick();
			
		
	  }
	}
}

newsname = ['stat','news','news2'];

function dl(dnews){
  //alert('dl');
	json_request("http://traffic.thai.net/rpc/getnews.php","newsid=" + dnews,"tvar","updatenews('" + dnews + "')");
}

function updatenews(dnews){
	str = "";
	var imgurl;
	var title;

	if (dnews == 1) {
	  color = [ '#FF9999','#AA3333', ["#FFE1D5", "#FFEDE3"] ];// #FFD9D9 #FFBCBC
	  typetext = ["","warning", "danger", "don't pass","construstion"];
	  
		str = "";
		var today = new Date();
		today.setHours(0,0,0,0);
    
		for(i=0;i<tvar.length;i++) {
		  
		  if ((tvar[i].status == 1) && (tvar[i].type != 4)) {
			  imgurl = "accident_" + tvar[i].type + "m.gif";
				starttime = tvar[i].time.match('[0-9][0-9]:[0-9][0-9]');
				thedate = (tvar[i].time.match('[0-9][0-9] [A-Z][a-z][a-z] [0-9][0-9][0-9][0-9]') + '').replace('-','/');
				if (tvar[i].title == "") {
					tvar[i].title = "-- untitled --";
				}

				//alert(thedate);
				thedateo = new Date(thedate);
				if (thedateo < today) {
				  //datetxt = replacethaimonth(thedate.substr(0,6));
					var tmp = replacethaimonth(thedate.substr(0,6)).split(" ");
					datetxt = parseInt(tmp[0],10) + " " + tmp[1];
					title = starttime + " (" + datetxt + "): " + (tvar[i].title);
				} else {
					title = starttime + ": " + (tvar[i].title)+" ["+(tvar[i].contributor)+"]";
				}
				
			  str += "<li title=\""+tvar[i].title+"\" style=\"background: " + color[2][i%2] + " url('images/" + imgurl + "') no-repeat 3px 1px;\" class=\"incident\"><a href=\"" + (tvar[i].url) + "\" onclick=\"map_flyto(" + tvar[i].latitude + "," + tvar[i].longitude + "," + tvar[i].id + ");return false;\">" + title + "</a></li>";
		  }
		}
		document.getElementById("newsdiv_body").innerHTML = str;
		curevents = str;
		  //------nutt added--------
		   eventpage = 0;
	     getNextEventsSet(1);
	     //alert('ok');
	    //-----------------------
	  
		
	} else if (dnews == 2) {
	  color = [ '#AAFF99', '#66AA33', ["#E9FFD9", "#CCFFBC"] ];
	  trafficcolor = ['#AAFFAA','#AAFFAA','#FFD9BC', '#FFBCBC'];
	  trafficcolorborder = ['#AAFFAA','#AAFFAA','#D9BCA0', '#FFA0A0'];

		//str += "<table cellpadding=0 cellspacing=0>";
		//------nutt added------------------------
		var today = new Date();
		today.setHours(0,0,0,0);
    //----------------------------------------
    
		for(i=0;i<tvar.length;i++) {
		  //alert(tvar[i].);
		  imgurl = "line-" + tvar[i].status + ".gif";
		  title = tvar[i].name + " (";
		  /*------nutt added------------------------
		    starttime = tvar[i].time.match('[0-9][0-9]:[0-9][0-9]');
				thedate = (tvar[i].time.match('[0-9][0-9] [A-Z][a-z][a-z] [0-9][0-9][0-9][0-9]') + '').replace('-','/');
				thedateo = new Date(thedate);
				if (thedateo < today) {
				  //datetxt = replacethaimonth(thedate.substr(0,6));
					var tmp = replacethaimonth(thedate.substr(0,6)).split(" ");
					datetxt = parseInt(tmp[0],10) + " " + tmp[1];
					title = starttime + " (" + datetxt + "): " + (tvar[i].title);
				} else {
					title = starttime + ": " + (tvar[i].title);
				}
			--------------------------------------*/
		  if (tvar[i].startkm != 0 && tvar[i].stopkm != 0)
		    title += "กม. " + tvar[i].startkm + "-" + tvar[i].stopkm;
		  
		  if (tvar[i].startkm != 0 && tvar[i].stopkm != 0 && tvar[i].nearplace && tvar[i].nearplace != "")
		    title += ", ";

		  if (tvar[i].nearplace && tvar[i].nearplace != "") {
				title += "ช่วง" + tvar[i].nearplace;
	  	};
			title += ")";
		 str += "<li class='traffic' style=\"border-bottom: 1px solid " + trafficcolorborder[tvar[i].status] + ";background: " + trafficcolor[tvar[i].status] + " url('images/" + imgurl + "') no-repeat 3px 6px;\" title='" + tvar[i].linkid + "'><a href=\"" + (tvar[i].url) + "\" onclick=\"map_flyto(" + tvar[i].latitude + "," + tvar[i].longitude + ");return false;\">" + title + "</a></li>";
		//str += "</ul>";
		//str += "<tr><td style=\"border-bottom: 1px solid " + trafficcolorborder[tvar[i].status] + ";background: " + trafficcolor[tvar[i].status] + "\" title='" + tvar[i].linkid + "'><li><a href=\"" + (tvar[i].url) + "\" onclick=\"map_flyto(" + tvar[i].latitude + "," + tvar[i].longitude + ");return false;\">" + title + "</a></span></td></tr>";
		}
		//str += "</table>";
		
    
    /*------------- uncomment this when use police report-----------
    document.getElementById("news2div_body").innerHTML = str;
    ---------------------------------------------------------------*/
	}

/*
	if (fflush == true) {
		setTimeout("dl('" + (((dnews+1)%2)+1) + "')", 50);
		if ((dnews+1)%(newsname.length) == 0)
			fflush = false;
	} else {
    if (updateinterval != -1) {
      setTimeout("dl('" + (((dnews+1)%2)+1) + "')", updateinterval);
    }
	}
*/

	setTimeout("resizenewsdiv()", 100);
}
// ---- END -- News Update & Rotate

// ---- BEGIN -- tab management

function tabupdate(tname){
	tarray = ['main', 'search', 'route', 'help'];
	if ((tname != null) && (activetab != tname)) {
	  for(i=0;i<tarray.length;i++) {
	    document.getElementById(tarray[i] + "tabhead").className = (tarray[i] == tname)?"tabheadhl":"tabhead";
	    document.getElementById(tarray[i] + "tabbody").className = (tarray[i] == tname)?"tabbodyshow":"tabbody";
	  }
	  activetab = tname;
	}

  document.getElementById("tabbodycontainer").style.height =
		parseInt(document.getElementById("tabcontainer").offsetHeight) - parseInt(document.getElementById("tablabel").offsetHeight) - 2;

  for(i=0;i<tarray.length;i++) {
	    document.getElementById(tarray[i] + "tabbody").style.height =
				parseInt(document.getElementById("tabcontainer").offsetHeight) - parseInt(document.getElementById("tablabel").offsetHeight) - 12;
  }



  if (showsearchresult) {
  	document.getElementById("search_header_result").style.display = "block";
  	document.getElementById("search_header_form").style.display = "none";
  } else {
  	document.getElementById("search_header_result").style.display = "none";
  	document.getElementById("search_header_form").style.display = "block";
  }
}

// ---- END -- tab management

// ---- BEGIN -- draw traffic

//var roaddata = [];
if (typeof(roaddata) == 'undefined') {var roaddata = [];alert('error');}

function updateshowtrafficstatus(enable){
	if (gettraffic_timer) {
	  clearTimeout(gettraffic_timer);
	  gettraffic_timer = false;
	}
	if (enable) {
		mmmap.showvector();
			gettraffic();
		// ----
		mmmap.showoverlay();
	} else {
		mmmap.hideoverlay();
		mmmap.hidevector();
	}
}

function settraffic(id, status){
	json_request("http://traffic.thai.net/rpc/settraffic.php", "id=" + id + "&status=" + status, "stres", "updatetraffic();mmmap.hidetexttipdelay(0);closeLocationDetailPopup();");
}

function editlinkdesc(id,cancel){
	var container = document.getElementById("roaddescdiv_" + id);
	var editlabel = document.getElementById("roaddesceditdiv_" + id);

	if (container.editing && container.editing == true) {
	    if (cancel) {
		  	container.innerHTML = container.orgtext;
		  } else {
		    newdesc = container.childNodes[0].value;
		    container.innerHTML = (newdesc=='')?'-':newdesc;
				json_request("http://traffic.thai.net/rpc/settraffic.php", "id=" + id + "&description=" + newdesc, "stres", "updatetraffic();");
				roaddata[id].change = true
				roaddata[id].description = (newdesc=='')?'-':newdesc;
				drawtraffic(id);
		  }
		  
		  mmmap.setKeyFocusAtMaparea();
			container.editing = false;
			editlabel.innerHTML = '[<span style="cursor: pointer;font-style: italic;" onclick="editlinkdesc(\'' + id + '\')">แก้ไข</span>]';
	} else {
		var textarea = document.createElement("textarea");
		
		textarea.innerHTML = (container.innerHTML=='-')?'':container.innerHTML;
		container.orgtext = container.innerHTML;

		textarea.style.padding = 0;
		textarea.style.width = container.offsetWidth;
		if (container.offsetHeight < 20)
			textarea.style.height = 20;
		else
			textarea.style.height = container.offsetHeight + 3;
		
		textarea.onkeyup = function () {
		  if (this.scrollHeight > this.offsetHeight)
		    this.style.height = this.scrollHeight + 3;
		};
		textarea.onmousedown = function (e){
        if (!e) var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
				e.returnValue = false;
		}

		container.innerHTML = "";
		container.appendChild(textarea);

		textarea.focus();
		document.onkeydown='return true';
		container.editing = true;
		editlabel.innerHTML = '[<span style="cursor: pointer" onclick="editlinkdesc(\'' + id + '\')">บันทึก</span> | <span style="cursor: pointer" onclick="editlinkdesc(\'' + id + '\', true)">ยกเลิก</span>]';
	}
}

function drawtraffic(id){
	
	colorcode = ["#666666", "#33FF33","#FFFF00","#FF2020","","#0000AA"];
	textcode = ["nodata", "Flow","Slow","Block"];
	
		mmmap.gssetlinewidth(3);
		mmmap.gssetopacity(0.7);

		if ((roaddata[id] && roaddata[id].present) && (roaddata[id].change || !roaddata[id].opresent)) {
		  if (roaddata[id].shape) {
		    mmmap.removeVector(roaddata[id].shape);
		    roaddata[id].shape = false;
		  }

		  if (roaddata[id].glshape) {
				gmap.gmap_object.removeOverlay(roaddata[id].glshape);
		    roaddata[id].glshape = false;
		  }

			if ((roaddata[id].status >= 0) && (roaddata[id].points.length > 1)) {
			  var sls = showlinestart;
			  var slp = showlinestop;
				var detail = " ";
				var detailpopup = "";

			  detail += "รหัส: " + id
					+ "&nbsp; &nbsp; กม.: " + roaddata[id].meta.startkm + "-" + roaddata[id].meta.stopkm
					+ "<br>ช่วง: "
				+ '<div id="roaddescdiv_' + id + '" style="margin-left: 5px;">' + ((roaddata[id].description=='')?'-':roaddata[id].description) + '</div>';

				if (!showadroute)
					detail += "<div style='white-space: nowrap;'>ล่าสุด: " + roaddata[id].lastupdate.substr(roaddata[id].lastupdate.indexOf(' ') + 1, 5) + "</div>";


				if (traffic_draw_mode == 'edit') {
			  	detailpopup += "<b>รหัส:</b> " + id
					+ "&nbsp; &nbsp; <b>กม.:</b> " + roaddata[id].meta.startkm + "-" + roaddata[id].meta.stopkm
					+ '<div id="roaddesceditdiv_' + id + '" style="float: right"><span onclick="editlinkdesc(\'' + id + '\')" style="cursor: pointer">[<i>แก้ไข</i>]</span></div>'
					+ "<br><b>ช่วง:</b> "
					+ '<div id="roaddescdiv_' + id + '" style="margin-left: 5px;">' + ((roaddata[id].description=='')?'-':roaddata[id].description) + '</div>'
					+ "<div style='white-space: nowrap;'><b>ล่าสุด:</b> " + roaddata[id].lastupdate.substr(roaddata[id].lastupdate.indexOf(' ') + 1, 5) + "</div>";

					detailpopup += "<div style=\"min-width:150px;margin-top:5px;text-decoration: none;text-align:center;\"><div style=\"font-weight: bold;\">คลิกเลือกสถานะ</b></div>"
					    + "<span style=\"cursor:pointer;background: #999999;padding-right:15px;\" onclick=\"settraffic('" + id + "',0)\">&nbsp;&nbsp;&nbsp;</span> &nbsp; "
					    + "<span style=\"cursor:pointer;background: #33FF33;padding-left:15px;\" onclick=\"settraffic('" + id + "',1)\">&nbsp;&nbsp;&nbsp;</span> &nbsp; "
					    + "<span style=\"cursor:pointer;background: #FFFF00;padding-left:15px;\" onclick=\"settraffic('" + id + "',2)\">&nbsp;&nbsp;&nbsp;</span> &nbsp; "
					    + "<span style=\"cursor:pointer;background: #FF3333;padding-left: 15px;\" onclick=\"settraffic('" + id + "',3)\">&nbsp;&nbsp;&nbsp;</span> &nbsp; "
							+ "</div>";
				  sls = showlinestart_edit;
				  slp = showlinestop_edit;
				}

				if (showadroute) {
				  sls = showlinestart_ad;
				  slp = showlinestop_ad;
				}


				if (currentmode == "gmap") {
					var parr = [];
					var x;
					var y;
					for(var i=0; i<roaddata[id].points.length;i++){
					    x = pointToLong(roaddata[id].points[i][0],32768);
					    y = pointToLat(roaddata[id].points[i][1],32768);
					  parr[parr.length] = new GLatLng(y,x);
					}
					var gpoints = new GPolyline(parr,colorcode[roaddata[id].status], 4, 0.6);
				  roaddata[id].glshape = gpoints;
					gmap.gmap_object.addOverlay(gpoints);
				}
				mmmap.gssetcolor(colorcode[roaddata[id].status]);
				roaddata[id].shape = mmmap.drawPolyline(roaddata[id].points, sls, slp, roaddata[id].meta.resultname, detail, detailpopup, true);
			}

			roaddata[id].change = false;
			roaddata[id].opresent = true;
		} else if (!roaddata[id].present && roaddata[id].opresent) {
		  if (roaddata[id].shape) {
		    mmmap.removeVector(roaddata[id].shape);
		    roaddata[id].shape = false;
		  }

		  if (roaddata[id].glshape) {
				gmap.gmap_object.removeOverlay(roaddata[id].glshape);
		    roaddata[id].glshape = false;
		  }
			roaddata[id].opresent = false;
		}
}

function getroaddata(id){
	roaddata[id].meta = rresult.meta;
	roaddata[id].points = [];

	r = rresult.data;
	for(i=0;i<r.length;i++) {
		roaddata[id].points[roaddata[id].points.length] = [r[i].x, r[i].y, r[i].ring];
	}

	roaddata[id].loaded = true;
	drawtraffic(id);
}

function showtraffic(){

	for(t in roaddata) {
	  tmp = roaddata[t];
	  tmp.opresent = tmp.present; tmp.present = false;
	}

	for(var i=0;i<tresult.result.length;i++) {
	  id = tresult.result[i].link_id;
	  if (typeof(roaddata[id]) == 'undefined') roaddata[id] = {};
	  
      if ((!roaddata[id]) || (roaddata[id].status != tresult.result[i].status) || (roaddata[id].description != tresult.result[i].description)) {
  			roaddata[id].status = tresult.result[i].status;
				roaddata[id].lastupdate = tresult.result[i].last_update;
				roaddata[id].description = tresult.result[i].description;
				roaddata[id].change = true;
  		} else {
  		  roaddata[id].lastupdate = tresult.result[i].last_update;
  		}
  		roaddata[id].present = true;
	  if (roaddata[id].loaded) {
	    drawtraffic(id, false);
	  } else {
			param = "map=msn11&action=showrouteid&id=" + id + "&mode=json";
			json_request("http://mmmap15.longdo.com/search/rpc-json.php", param, "rresult", "getroaddata('" + id + "')");
	  }
	}

	for(t in roaddata) {
	  if (roaddata[t].shape && !roaddata[t].present) {
	    mmmap.removeVector(roaddata[t].shape);
	    roaddata[t].shape = false;
	  }
	}

/*
  if (updateinterval != -1) {
   gettraffic_timer = setTimeout("gettraffic()", updateinterval);
  }
*/
}

function updatetraffic(){
	if (traffic_draw_mode == 'normal')
    mmmap.showoverlay();
	else
		mmmap.hideoverlay();
	
	if (gettraffic_timer) {
	  clearTimeout(gettraffic_timer);
	  gettraffic_timer = false;
	}
	gettraffic();
}



function gettraffic(){
	mmmap.refreshoverlay();
	if (!showadroute && fetchtraffic) {
  	json_request("http://traffic.thai.net/rpc/gettraffic.php", "zoom=" + mmmap.getZoom() + "&lat1="+visible_max_latitude+"&lat2="+visible_min_latitude+"&long1="+visible_min_longitude+"&long2="+visible_max_longitude + "&mode=" + traffic_draw_mode, "tresult", "showtraffic();");
  }
}

function checkfetchtrafficzoom(){
	clearTimeout(checkfetchtrafficzoomtimer);

	var z = mmmap.getZoom();
	if ((z >= showlinestart && z <= showlinestop) || (traffic_draw_mode == 'edit')) {
	  if (fetchtraffic != true) {
			fetchtraffic = true;
			updatetraffic();
		}
	} else {
		fetchtraffic = false;
	}
		
/*
	checkfetchtrafficzoomtimer = setTimeout("checkfetchtrafficzoom()", 1000);
*/
}

function showadrouteline(routeid){
	/*for(id in roaddata) {
    if(roaddata[id].status == 5){
	    roaddata[id].present = false;
    	drawtraffic(id);
    }
	}*/
 	//json_request("http://traffic.thai.net/rpc/getadroute.php", "routeid=" + routeid, "arline", "convadrouteline();");
 	json_request("http://main.traffic.thai.net/rpc/getadroute.php", "routeid=" + routeid, "arline", "convadrouteline();");
// 	json_request("http://traffic.thai.net/rpc/getadroute.php", "routeid=" + routeid, "tresult", "showtraffic();");
}

function convadrouteline(){
	//alert(arline);
	arline_conv = [];
	for(var i in arline)
		arline_conv[arline_conv.length] = {'link_id': arline[i], 'status' : 5,'description' : ''};
	tresult = {'result' : arline_conv}
	//alert(tresult);
	showtraffic();
}

function getadroute(groupid){
	showadroute = true;
	mmmap.hideoverlay();
	// hide roads
	for(id in roaddata) {
    roaddata[id].present = false;
    drawtraffic(id);
	}
	
 	//json_request("http://traffic.thai.net/rpc/getadroute.php", "groupid=" + groupid, "adresult", "showadroutechoice();");
 	json_request("http://main.traffic.thai.net/rpc/getadroute.php", "groupid=" + groupid, "adresult", "showadroutechoice();");
}

function clearadroute(){
	showadroute = false;
	mmmap.showoverlay();
	for(id in roaddata) {
    roaddata[id].present = false;
    drawtraffic(id);
	}
	gettraffic();
}

function showadroutebtn(){
	var ac = document.getElementById("adrouteform").adroutechoice;
	var sroute = 0;
	
	for(var i=0;i<ac.length;i++) {
	  if (ac[i].checked)
	    sroute = ac[i].value;
	}
	
	getadroute(sroute);
}

function swapadroutedetail(id){
	if (document.getElementById('adrddiv' + id))
	  if(document.getElementById('adrddiv' + id).style.display != 'none') {
	  	document.getElementById('adrddiv' + id).style.display = 'none';
		  document.getElementById('adrrow' + id).cells[0].style.border = "";
		  document.getElementById('adrrow' + id).cells[1].style.border = "";
		  document.getElementById('adrrow' + id).style.backgroundColor = "";
		  if (id == currentadrouteactive)
		    currentadrouteactive = -1;
		} else {
		  document.getElementById('adrddiv' + id).style.display = '';
		  setadrouteactive(id);
		}
}

var currentadrouteactive = -1;
function setadrouteactive(id){
	if (currentadrouteactive != -1) {
	  if (document.getElementById('adrrow' + currentadrouteactive)) {
		  document.getElementById('adrrow' + currentadrouteactive).cells[0].style.border = "";
		  document.getElementById('adrrow' + currentadrouteactive).cells[1].style.border = "";
		  document.getElementById('adrrow' + currentadrouteactive).style.backgroundColor = "";
		  document.getElementById('adrddiv' + currentadrouteactive).cells[0].style.border = "";
		  document.getElementById('adrddiv' + currentadrouteactive).style.backgroundColor = "";
	  }
	}
	
//  document.getElementById('adrrow' + id).cells[0].style.borderTop = "1px solid #CC6666";
//  document.getElementById('adrrow' + id).cells[0].style.borderBottom = "1px solid #CC6666";
  document.getElementById('adrrow' + id).cells[0].style.borderLeft = "3px solid #CCCCCC";
//  document.getElementById('adrrow' + id).cells[1].style.borderTop = "1px solid #CC6666";
//  document.getElementById('adrrow' + id).cells[1].style.borderBottom = "1px solid #CC6666";
//  document.getElementById('adrrow' + id).cells[1].style.borderRight = "1px solid #CC6666";
  
  document.getElementById('adrrow' + id).style.backgroundColor = "#FFEAF0";

  document.getElementById('adrddiv' + id).cells[0].style.borderLeft = "3px solid #CCCCCC";
  document.getElementById('adrddiv' + id).style.backgroundColor = "#FFEAF0";

  currentadrouteactive = id;
  showadrouteline(id);
}

function adroutetitleclick(id){
	if ((currentadrouteactive == id) || (document.getElementById('adrddiv' + id).style.display == 'none')) {
  	swapadroutedetail(id);
  } else {
  	setadrouteactive(id);
  }
}

function adroutepartclick(rid, pid){
	if (currentadrouteactive == rid) {
	  if (pid != 0)
	  	showadroutepart(pid);
  } else {
  	setadrouteactive(rid);
  }
}

function showadroutechoice(){
	partcolor = ['#660000','#006600','#000066'];
	partcolorcount = 3;
	
	if (adresult) {
		var c = adresult.length;
		var resulto = "";
		var resultn = "";
		var oc = 0;
		var nc = 0;

		resulto = '<div style="font-weight: bold;font-size: 12pt;color:#336633;">เส้นทางแนะนำ</div>'
						+'<table border="0" width="95%" cellspacing="0" cellpadding="2"><tr><td width="20px"><span style="font-weight:bold;color: #333366">ลำดับ</span></td>'
						+'<td width="230"><div style="float:right"><span style="font-weight:bold;color: #333366">ระยะทาง</span></div>'
						+'<div style="text-align: center;"><span style="font-weight:bold;color: #333366">เส้นทาง</span><div></td></tr>';
		
		resultn = '<div style="font-weight: bold;font-size: 12pt;color:#663333;">เส้นทางที่ไม่แนะนำ</div>'
						+'<table border="0" width="95%" cellspacing="0" cellpadding="2"><tr><td width="20px"><span style="font-weight:bold;color: #333366">ลำดับ</span></td>'
						+'<td width="230"><div style="float:right"><span style="font-weight:bold;color: #333366">ระยะทาง</span></div>'
						+'<div style="text-align: center;"><span style="font-weight:bold;color: #333366">เส้นทาง</span><div></td></tr>';

		for(var i=0;i<c;i++) {
		  if (adresult[i]) {
		    var pc = adresult[i].parts.length;
		    var pdetail = "";
		    if (pc > 0) {
		      for(var j=0;j<pc;j++) {
				    adroutepart[adresult[i].parts[j].partid] = adresult[i].parts[j];
			      pdetail += '<div style="cursor: pointer;color: '+ partcolor[j%partcolorcount] +';border-left: 2px solid #CCCCCC;margin-bottom: 5px;padding-left:2px;" onclick="adroutepartclick('+ adresult[i].routeid +','+adresult[i].parts[j].partid+')">'
			              + '<div style="float: right;margin-left: 5px;margin-top: 2px;color: #666666;font-size:8pt;">' + adresult[i].parts[j].distance +'</div>'
										+ adresult[i].parts[j].description
										+ '</div>';
		      }
		    } else {
		      pdetail = '<span style="cursor: pointer;" onclick="adroutepartclick('+ adresult[i].routeid + ',0)">'+adresult[i].description+'</span>';
		    }
		    

			  var tmp = ".</td><td>"
			      + "<div style='float:right;'>"+adresult[i].distant+"</div>"
						+ "<div style='cursor: pointer;font-weight:bold' onclick='adroutetitleclick("+adresult[i].routeid+")' id='adrhdiv"+adresult[i].routeid+"'>" + adresult[i].routename
						+ ((adresult[i].reason != '')?("<div style='font-weight: normal; color: "+((adresult[i].rank > 0)?'#339966':'#993366')+"'>("+adresult[i].reason+")</div>"):'') + "</div>"
//			  		+ "<div style='display: none;margin-left:5px;margin-bottom:5px;padding-bottom: 3px;border-bottom:1px solid #CCCCCC;cursor: pointer;' id='adrddiv"+adresult[i].routeid+"'>" + pdetail + "</div>"
						+ "</td></tr>"
			  		+ "<tr id='adrddiv"+adresult[i].routeid+"' style='display: none;'><td colspan='2'><div style='margin-left:10px;margin-bottom:5px;padding-bottom: 3px;border-bottom:1px solid #CCCCCC;cursor: pointer;'>" + pdetail + "</td></tr>"
			  		;

				if (adresult[i].rank > 0) {
				  oc++;
				  resulto += "<tr id='adrrow"+adresult[i].routeid+"'><td valign='top' align='center'>"+(oc)+tmp;
				  
				} else {
					nc++;
				  resultn += "<tr id='adrrow"+adresult[i].routeid+"'><td valign='top' align='center'>"+(nc)+tmp;
				}

/*			  result += "<div style='cursor: pointer;font-weight:bold' onclick='swapadroutedetail("+adresult[i].routeid+")' id='adrhdiv"+adresult[i].routeid+"'>" + adresult[i].routename + "</div>"
			  		+ "<div style='display: none;margin-left:5px;margin-bottom:5px;padding-bottom: 3px;border-bottom:1px solid #CCCCCC;cursor: pointer;' id='adrddiv"+adresult[i].routeid+"'>" + pdetail + "</div>"
						+ "";*/
			}
		}
		
		resulto += '</table><br>';
		resultn += '</table><br>';

		var tmp = "";
		if (oc > 0)
			tmp += resulto;
		if (nc > 0)
			tmp += resultn;

		document.getElementById("adrouteresult").innerHTML = tmp;
	}
}

function showadroutepart(partid){
	mmmap.showPopUp(adroutepart[partid].latitude, adroutepart[partid].longitude, 'เส้นทาง', adroutepart[partid].description);
	mmmap.moveTo(adroutepart[partid].latitude, adroutepart[partid].longitude);
}
// ---- END -- draw traffic

function swap_operation_mode(mode){
	var tomode = 'edit';
	if (mode && mode != '') {
	  if (mode != 'edit')
	    tomode = 'normal';
	} else {
	  if (traffic_draw_mode != 'normal')
	    tomode = 'normal';
	}
	
	if (tomode == traffic_draw_mode)
	  return false;
	
	if (tomode == "normal") {
		traffic_draw_mode = "normal";
		str = "<span onclick=\"showMMMap();swap_operation_mode('edit');\" style=\"cursor: pointer; text-decoration: underline;\">edit</span> | <b>view</b>";
		midbarcolor = "#F6DDDE";
		mmmap.setShowOverLay(overlay_reso_start,overlay_reso_stop,"trafficoverlay");
		
		if (!mmmap.ovl_enable) {
			mmmap.setAllImagesUsedButNotSetToEmpty();
			mmmap.showoverlay();
			mmmap.rePaint();
		} else {
			mmmap.refreshoverlay();
		}
	}	else {
		traffic_draw_mode = "edit";
		str = "<b>edit</b> | <span onclick=\"swap_operation_mode('normal')\" style=\"cursor: pointer; text-decoration: underline;\">view</span>";
		//midbarcolor = "#FFAA00";
		midbarcolor = "#FFCD68";
		mmmap.setShowOverLay(0,0,"trafficoverlay");
		mmmap.hideoverlay();
	}

	document.getElementById("midbar").style.backgroundColor = midbarcolor;
	document.getElementById("operation_mode_div").innerHTML = str;
	/*
	if (gettraffic_timer) {
	  clearTimeout(gettraffic_timer);
	  gettraffic_timer = false;
	}
*/
	document.getElementById("showtrafficcheckbox").checked = true;
	
	var id;
	for (id in roaddata) {
		if (roaddata[id]) {
		  roaddata[id].present = false;
		  if (roaddata[id].shape) {
		    mmmap.removeVector(roaddata[id].shape);
		    roaddata[id].shape = false;
		  }
		}
	}
		  
		  
	updatetraffic();
}

function officer_trafficstatus_popup(linkid){
	window.open('office/updatestatus.php?linkid=' + linkid,"trafficstatus",'status=no,toolbar=no,menubar=no,location=no,resizable=no,width=320,height=220');
}

function switchmapmode(){
  var r = document.getElementById('showroadcheck');
  var e = document.getElementById('showengcheck');
  var f = document.getElementById('showtrafficcheckbox');
  var c = document.getElementById('showcameracheckbox');

  var mode;

	r.disabled = false;
	e.disabled = false;
	mode = (r.checked?'icons':'traffic') + (e.checked?'-en':'');
	mmmap.setMapMode(mode);
	mmmap.showCustomDivs();
	updateshowtrafficstatus(f.checked);
	
/*
	if (!c.checked) {
		// ?!?!?!?
	}
*/

	mapresize();
}

function setTrafficdataMode() {
  var cb = document.getElementById("trafficdatacheckbox");
  //alert(cb.checked);
  if(cb.checked) {
    mmmap.setMapMode("trafficdata");

    var f = document.getElementById('showtrafficcheckbox');
    f.disabled = true;
    updateshowtrafficstatus(false);
  }
  else {
    switchmapmode();
    var f = document.getElementById('showtrafficcheckbox');
    f.disabled = false;
    updateshowtrafficstatus(true);
    //mmmap.setMapMode(document.getElementById('showroadcheck').checked?'normal':'traffic');
  }
}

function updatestat(){
	json_request("http://traffic.thai.net/rpc/getstat.php","","upstatvar","updatestat_callback()");
}

function updatestat_callback() {
	document.getElementById("stat_accident_count").innerHTML = upstatvar.incident_count[2];
	document.getElementById("stat_construct_count").innerHTML = upstatvar.incident_count[1];
	document.getElementById("stat_badcar_count").innerHTML = upstatvar.incident_count[0];
}

//  ------------

camera_info = [];
camvar = "";

function popupcamera(camid){
	var campopup = window.open('http://main.traffic.thai.net/camview.php?camid=' + camid,"cameraview_"+camid,'status=no,toolbar=no,menubar=no,location=no,resizable=yes,width=720,height=640');
}

function showcameradetail(id){
	speedcolor = (camera_info[id].speed >= 80)?'#009900':((camera_info[id].speed >= 30)?'#999900':'#990000');
	
	datetmp = camera_info[id].lastupdate.split(' ')[0];
	var dateno = parseInt(datetmp.substr(8,2));
	update = dateno + " " + monthShort[parseInt(datetmp.substr(5,2),10) - 1] + " " + (parseInt(datetmp.substr(0,4),10) + 543)%100;
  
  lanes = '';
  var unittype = 'กม./ชม.';
  if(camera_info[id].location_type=='PK') {
    unittype = '%';
  }
  for(var i=0;i<camera_info[id].lanes.length;i++) {
    lanes += camera_info[id].lanes[i].idlane+":&nbsp;<span style='font-weight: bold;color:"+ speedcolor + "'>" + camera_info[id].lanes[i].speed + "</span> "+unittype+"<br>";
  }
  
  
	detail = "<div style='float:left; width:190px; height:110px'><font size=-2>ID: " + camera_info[id].camid + "</font>"
		//+ '<div style="font-weight: bold; margin-top: 2px;margin-bottom: 2px;">ข้อมูลเฉลี่ย 1 นาที</div>'
		+"<br>"
	 	//+ camera_info[id].lanes[0].idlane+":<span style='font-weight: bold;color:"+ speedcolor + "'>" + camera_info[id].lanes[0].speed + "</span> กม./ชม.<br>"
	 	//+ camera_info[id].lanes[1].idlane+":<span style='font-weight: bold;color:"+ speedcolor + "'>" + camera_info[id].lanes[1].speed + "</span> กม./ชม.<br>"
	 	+ lanes
 		+ ""
	  + "<span title='ข้อมูลล่าสุดเมื่อ " + update + " " + camera_info[id].lastupdate.split(' ')[1].substr(0,5) + "'>วันที่: "+ update +"</span><br>"
 		+ ""
	  + "<span title='ข้อมูลล่าสุดเมื่อ " + update + " " + camera_info[id].lastupdate.split(' ')[1].substr(0,5) + "'>เวลา: "+ camera_info[id].lastupdate.split(' ')[1].substr(0,5) +"</span>"

		//+ "<div align='left' style='position:absolute;  top:140; left:15'>[<span style=\"cursor: pointer; text-decoration: underline;\" onclick=\"popupcamera(" + id + ")\">ดูภาพขยาย</span>]</div></div>";
    + "</div>"
    + "<div style='float:right; position:relative; width:85px; top:-65; left:0'><img align='right' style=\"cursor: pointer;margin:5px 5px 0px;\" onclick=\"popupcamera(" + id + ")\" src=\"http://main.traffic.thai.net/rpc/getcamimg.php?mode=thumb&camid=" + camera_info[id].camid + "&rand=" + Math.random() + "\" width='80' ></div>"; //height='60'
	mmmap.showPopUp(camera_info[id].latitude, camera_info[id].longitude, camera_info[id].remark , detail);
}

function drawcamera (){
	
  //alert('drawcamera');
  var c = camvar.length;
	var newcam = [];
  
	
	for(var i=0;i<c;i++) {
	  var id = camvar[i].id;
    newcam[id] = {};
    //----------------------------------
    //alert(camvar[i].timediffer);
    //-------------------------------------
	  newcam[id].latitude = camvar[i].latitude;
	  newcam[id].longitude = camvar[i].longitude;
	  newcam[id].camid = camvar[i].camid;
	  newcam[id].linkid = camvar[i].linkid;
	  newcam[id].speed = camvar[i].speed;
	  newcam[id].num_cars_in_last_min = camvar[i].num_cars_in_last_min;
	  newcam[id].remark = camvar[i].remark;
	  newcam[id].lastupdate = camvar[i].lastupdate;
	  newcam[id].location_type = camvar[i].location_type;
	  //------add lanes info--------------
	  newcam[id].lanes = camvar[i].lanes;
    var camimg = 'cam.gif';
    var camimgNA = (camvar[i].timediffer < camera_time_threshold) ? '':'na-';
    if(camvar[i].location_type=='PK'){
      camimg = 'parking.gif';
    }
	  //if ( (typeof(camera_info[id]) == 'undefined') || (camera_info[id].latitude != camvar[i].latitude) || (camera_info[id].longitude != camvar[i].longitude) || (camera_info[id].remark != camvar[i].remark)) {
		    // redraw
			  var camdiv = document.createElement("div");
			  camdiv.innerHTML = "<img src='images/"+camimgNA+camimg+"' border='0' style='cursor: pointer' onclick=\"showcameradetail(" + id + ")\">";
				newcam[id].divid = mmmap.drawCustomDivLevel(camdiv, newcam[id].latitude,newcam[id].longitude,newcam[id].remark, 3,14);

		    if (typeof(camera_info[id]) != 'undefined') {
		      camera_info[id].deleted = true;
		    }
	  //} else {
	  //    newcam[id].divid = camera_info[id].divid;
	  //}
	  
	}
	
	// delete
	for(var i=0;i<camera_info.length;i++) {
	  if (camera_info[i] && camera_info[i].deleted) { 
	  	mmmap.removeCustomDivs(camera_info[i].divid);
	  }
	}
	
	camera_info = newcam;
	
  //setTimeout("refreshcamera()", updateinterval); // not that often that we have new cameras
}

function refreshcamera(){
	json_request("http://traffic.thai.net/rpc/getcamera.php","","camvar","drawcamera()");
}

//  ------------
userinfovar = {};

function adminchangeuser(obj){
	json_request("http://traffic.thai.net/office/setuser.php","username="+obj.value,"userinfovar","adminchangeusercallback()");
	adminchangeusercallback();
}

function adminchangeusercallback(){
	updatetraffic();
	if (userinfovar && userinfovar.operation_latlong)
		mmmap.moveTo(userinfovar.operation_latlong[0], userinfovar.operation_latlong[1]);
}