No camera images at the selected time.
Click to play the next images.
"
markup += "\ \ \ \ 
"
markup += "![](\"Images/Camera/CameraLoading.gif\")
");
}
dataSource = new Array();
currIndex = 0;
if (misSearch == undefined)
isSearch = 1;
else
isSearch = misSearch;
stopped = false;
ShowLoading();
currMaxDateTime = dtDateTime;
checkExists = true;
CancelToken();
ct = new Jscex.Async.CancellationToken();
if (recursivePullTask == null) {
recursivePullTask = eval(Jscex.compile("async", function (ct) {
var i = 0;
while (!(stopped || ct.isCancellationRequested)) {
if (currIndex + 30 >= dataSource.length || dataSource.length == 0) { // need to buffer more images
var a = $await(GetImgAsync());
Log("a.d:" + a.d + " checkExists:" + checkExists + "currIndex:" + currIndex + " dataSourceLength:" + dataSource.length + " currMaxDateTime=" + currMaxDateTime);
if (a.d != null && String(a.d).length > 0) {
if (!checkExists) {
if (dataSource.length + a.d.length > maxCacheItemNum) {
for (var i = 0; i < dataSource.length + a.d.length - maxCacheItemNum; i++) {
var d = dataSource.shift();
delete d;
d = null;
}
currIndex -= (dataSource.length + a.d.length - maxCacheItemNum);
if (currIndex < 0)
currIndex = 0;
}
}
var totalLen = dataSource.length + a.d.length;
var speedCounter = new Object();
var maxspeed = 1, sameCount = 0, prevName;
var startPoint = dataSource.length;
for (var i = 0; i < a.d.length; i++) {
dataSource.push(a.d[i]);
currMaxDateTime = a.d[i].filetime; //.replace(/"\/Date\((\d+)\)\/"/g, 'new Date($1)');
if (detectSpeed) {
var name = a.d[i].fileName; //only support this format 20111213091000 791.jpg
if (name != "" && name.length > 14) {
var shortName = name.substring(0, 14);
if (prevName == shortName) {
sameCount++;
} else {
prevName = shortName;
if (sameCount > maxspeed)
maxspeed = sameCount;
sameCount = 0;
}
}
}
}
if (detectSpeed && maxspeed > 1) {
detectSpeed = false;
var speed = parseInt(1000 / maxspeed);
showImgDelay = speed;
}
if (checkExists) {
currIndex = startPoint;
ShowImg(1);
}
Log("Get remote images, total:" + a.d.length + " total images" + (dataSource.length) + " in datasource.");
if( currIndex + 30 >= dataSource.length )
getImgDelay = 1 * 1000; // not enough image buffered, so set smaller delay to get more images asap.
else
getImgDelay = 10 * 1000;
}
else {//No DATA
if (checkExists) {
Stop();
NoImg();
break;
}
if (isSearch == 0) // sequentially looking for next images. Since there are no more images, it has reached to the end. Wait longer in this case.
getImgDelay = 30 * 1000;
else
getImgDelay = 1 * 1000;
}
}
if (stopped || ct.isCancellationRequested) {
break;
}
try {
//alert("before wait " + getImgDelay);
$await(Jscex.Async.sleep(getImgDelay, ct)); // delay xs.
} catch (ex) {
Log(CancelledError.isTypeOf(ex)); // true
Log(task.status); // canceled
}
isSearch = 0; // sequentially look for next images to play
checkExists = false;
}
runningStatus = 0;
}));
} //End Asynchronous taks define.
var task = recursivePullTask(ct);
task.start();
ChangeStationImg(0);
}
var getImgAsync = null;
function ShowImg(startIndex) {
Log("Status:" + (stopped ? "T" : "F"));
currIndex = startIndex;
if (getImgAsync == null) {
getImgAsync = eval(Jscex.compile("async", function () {
while (!stopped) {
var i = currIndex + 1;
if (i >= 0 && i < dataSource.length) {
SetImg(i);
currIndex = i;
}
Log("Show Image:" + currIndex + "/" + dataSource.length + " Delay:" + showImgDelay);
$await(Jscex.Async.sleep(showImgDelay));
}
}));
}
var task = getImgAsync();
task.start();
}
function ShowLoading() {
$("#cameraImg").attr("src", "Images/Camera/CameraLoading.gif");
$("#fileName").html("");
}
function Start(checkExists) {
ShowByDate(currMaxDateTime);
ChangeStationImg(0);
}
function Stop() {
ChangeStationImg(0);
stopped = true;
Log("Stopped")
CancelToken();
}
function CancelToken() {
if (ct != null &&
(ct.isCancellationRequested != undefined && !ct.isCancellationRequested)
&& (ct._handlers != undefined && ct._handlers != null)) {
try {
ct.cancel();
} catch (ex) { }
}
}
function GoTo(seq) {
Stop();
if (seq == 2) {
$("#LastBtn").attr("src", "Images/Camera/LastDownBtn.png");
currIndex = dataSource.length;
var date = new Date((new Date()).getTime() + 1000 * 60 * 60 * 24 * 365); // 1 year before
ShowByDate(GetJOSNDate(date));
} else if (seq == -2) {
var date = new Date();
date.setFullYear(2011, 0, 1);
ShowByDate(GetJOSNDate(date), 0);
} else {
currIndex += seq;
if (dataSource.length != 0 && currIndex >= 0 && currIndex < dataSource.length)
SetImg(currIndex);
ChangeStationImg(0);
if (seq == -1)
$("#PreBtn").attr("src", "Images/Camera/PreDownBtn.png");
else
$("#NextBtn").attr("src", "Images/Camera/NextDownBtn.png");
}
if (seq == 1)//set gray
{
if (currIndex + 1 >= dataSource.length) {
$("#NextBtn").attr("src", "Images/Camera/NextDisableBtn.png");
$("#NextBtn").parent().attr("title", "The last image");
$("#NextBtn").css("cursor", "default");
isGrayNext = true;
}
else {
$("#PreBtn").attr("src", "Images/Camera/PreBtn.png");
$("#PreBtn").parent().attr("title", "Previous image");
$("#PreBtn").css("cursor", "pointer");
isGrayPre = false;
}
}
if (seq == -1) {
if (currIndex <= 1) {
$("#PreBtn").attr("src", "Images/Camera/PreDisableBtn.png");
$("#PreBtn").parent().attr("title", "The first image");
$("#PreBtn").css("cursor", "default");
isGrayPre = true;
}
else {
$("#NextBtn").attr("src", "Images/Camera/NextBtn.png");
$("#NextBtn").parent().attr("title", "Next image");
$("#NextBtn").css("cursor", "pointer");
isGrayNext = false;
}
} else if (seq == -2) {
//Begin.
}
}
function ChangeStationImg(flag) {
var text = "Stop";
var url = "Images/Camera/PauseBtn.png";
if (flag==1) {
text = "Start";
url = "Images/Camera/PlayBtn.png";
}
$(".campalyerbtn").children(0).children(0).text(text);
$(".campalyerbtn").children(0).children(0).attr("src", url);
}
function changeSize(flag) {
if (flag == "1") {
if (isFullScreen)
$("#imgScreen").attr("src", "Images/Camera/OriginalScreenOverBtn.png");
else
$("#imgScreen").attr("src", "Images/Camera/LargeScreenOverBtn.png");
}
else {
if (isFullScreen)
$("#imgScreen").attr("src", "Images/Camera/OriginalScreenBtn.png");
else
$("#imgScreen").attr("src", "Images/Camera/LargeScreenBtn.png");
}
}
function StartOrStop(obj) {
stopped = !stopped;
if (!stopped) {
Start();
ChangeStationImg(0);
} else {
ChangeStationImg(1);
}
}
function SetImg(i) {
var keyprex = "_file_" + i;
var fileName = dataSource[i].fileName;
var date = ConvertJSONDate(dataSource[i].datetime);
SyncUI(date);
$("#cameraImg").attr("src", "data:image/jpg;base64," + dataSource[i].imgContent);
if (i == 0 || $("#fileName").html() == "") {
AdjustScreenSize();
}
$("#fileName").html(fileName);
}
function FormatTime(v) {
if (v < 10 && v > -10)
return "0" + v;
else
return v;
}
var xhr = null;
var pushDataTimer = null;
var detectSpeed = false;
function GetImgAsync() {
var sesID = GetSesID();
return Task.create(function (t) {
xhr = $.ajax({
type: 'post',
url: wcfURL,
contentType: 'text/json',
data: '{"sesID":"' + sesID + '","fileID":' + fileID + ',"dtStartTime":"' + currMaxDateTime + '","search":' + isSearch + ',"parentID":' + parentID + ',"shareID":' + shareID + '}',
beforeSend: function (xhr) {
},
success: function (msg) {
t.complete("success", msg);
},
error: function (e) {
t.complete("failure", e);
},
abort: function (e) {
t.complete("failure", e);
},
complete: function (e) {
//t.complete("complete", e);
}
});
});
}
function ConvertJSONDate(strJson) {
var okDate = /Date\([-+]?(\d+)[-+]?\d+\)/.exec(strJson);
if (okDate) {
try {
var rDate = okDate[1];
var when = new Date(eval(rDate))
return when;
} catch (e) {
return new Date();
}
} else {
return new Date();
}
}
function GetJOSNDate(d) {
var timezone = d.getTimezoneOffset() / 60 * -1;
var c = timezone > 0 ? "+" : "-";
timezone = (timezone < 0 ? timezone * -1 : timezone);
var v = "/Date(" + (d.getTime()) + c + "" + FormatTime(timezone) + "00" + ")/";
return v;
}
function NoImg() {
$("#idImgContainer").html("