Shell File Manager

/*	Lens Calculator V1.1.0
	
	Copyright (c) Axis Communications AB 2012-2013
	
    DISCLAIMER: THE SOFTWARE IS DELIVERED FREE OF CHARGE AND 'AS IS'
    WITHOUT WARRANTY OF ANY KIND. THE ENTIRE RISK AS TO THE RESULTS AND
    PERFORMANCE OF THE SOFTWARE IS ASSUMED BY YOU/THE USER. AXIS
    COMMUNICATIONS AB DISCLAIMS ALL WARRANTIES, WHETHER EXPRESS OR
    IMPLIED, INCLUDING BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
    MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE AND
    NON-INFRINGEMENT, OR ANY WARRANTY ARISING OUT OF ANY PROPOSAL,
    SPECIFICATION OR SAMPLE WITH RESPECT TO THE SOFTWARE. AXIS AND/OR
    ITS LICENSOR(S) SHALL NOT BE LIABLE FOR LOSS OF DATA, LOSS OF
    PRODUCTION, LOSS OF PROFIT, LOSS OF USE, LOSS OF CONTRACTS OR FOR
    ANY OTHER CONSEQUENTIAL, ECONOMIC OR INDIRECT LOSS WHATSOEVER IN
    RESPECT OF DELIVERY, USE OR DISPOSITION OF THE SOFTWARE. AXIS TOTAL
    LIABILITY FOR ALL CLAIMS IN ACCORDANCE WITH THE DELIVERY AND USE OF
    THE SOFTWARE SHALL NOT EXCEED THE PRICE PAID FOR THE SOFTWARE.
        

*/
function setUnitCookie(e) {
	var t = new Date;
	t.setDate(t.getDate() + 365);
	var n = escape(e) + (365 == null ? "" : "; expires=" + t.toUTCString());
	document.cookie = "lens-calc-units=" + n
}
function getUnitCookie() {
	var e, t, n, r = document.cookie.split(";");
	for (e = 0; e < r.length; e++) {
		t = r[e].substr(0, r[e].indexOf("="));
		n = r[e].substr(r[e].indexOf("=") + 1);
		t = t.replace(/^\s+|\s+$/g, "");
		if (t == "lens-calc-units") {
			return unescape(n)
		}
	}
}
function getUrlVars() {
	var e = {};
	var t = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (t, n, r) {
		e[n] = decodeURIComponent(r)
	});
	return e
}
function updateCamera() {
	handleUpdates = false;
	var e = productImagesBaseURL + camName.replace("AXIS ", "axis_").toLowerCase() + ".png";
	$(".product").attr("src", e);
	$(".cam-name").text(camName);
	$("#res-selector").empty();
	for (r in cameraData[camName].res) {
		$("#res-selector").append($('<input type="radio" data-theme="c" name="res" id="res-' + r.toString() + '" value="' + r.toString() + '"  />'));
		$("#res-selector").append($('<label id="res-' + r.toString() + '-label" for="res-' + r.toString() + '">' + cameraData[camName].res[r] + "</label>"))
	}
	$("#res-0").attr("checked", true);
	$("#res-selector").controlgroup("refresh");
	$("#resolution-dialog").trigger("create");
	if (cameraData[camName].cf) {
		$("#corridor-btn").removeClass("ui-disabled")
	} else {
		$("#corridor-btn").addClass("ui-disabled")
	}
	corridorFormat = false;
	$("#corridor-btn").attr("data-theme", "c").removeClass("ui-btn-up-e").removeClass("ui-btn-hover-e").addClass("ui-btn-up-c").addClass("ui-btn-hover-c");
	if (cameraData[camName].lc) {
		$("#warning-lens-not-replacable").hide()
	} else {
		$("#warning-lens-not-replacable").show()
	}
	setUpCamera(0);
	handleUpdates = true
}
function xEff(e) {
	if (e <= fMin) {
		return xEffMin
	} else if (e >= fMax) {
		return xEffMax
	} else {
		return (e - fMin) * (xEffMax - xEffMin) / (fMax - fMin) + xEffMin
	}
}
function xEfa(e) {
	if (e >= hFovMax) {
		return xEffMin
	} else if (e <= hFovMin) {
		return xEffMax
	} else {
		return (e - hFovMax) * (xEffMax - xEffMin) / (hFovMin - hFovMax) + xEffMin
	}
}
function focalToAngle(e) {
	return 360 * 2 * Math.atan(xEff(e) / e) / Math.PI
}
function angleToFocal(e) {
	var e_div_two=e/2;
	return xEfa(e) / Math.tan(Math.PI * e_div_two / 360)
}
function setUpCamera(e) {
	handleUpdates = false;
	sceneDistance = 10;
	targetVal = "sizes";
	focalOutOfRange = false;
	$("#distance-slider").attr("max", distMax);
	hRes = cameraData[camName].res[e].split(" ")[0].split("x")[0];
	vRes = cameraData[camName].res[e].split(" ")[0].split("x")[1];
	$("#res-btn-label").text(cameraData[camName].res[e]);
	f = cameraData[camName].fov[e] == undefined ? cameraData[camName].fov[0].split("-") : cameraData[camName].fov[e].split("-");
	f1 = f[0];
	f.length == 2 ? f2 = f[1] : f2 = f1;
	hFovMax = Math.max(f1, f2);
	hFovMin = Math.min(f1, f2);
	f = cameraData[camName].f[e] == undefined ? cameraData[camName].f[0].split("-") : cameraData[camName].f[e].split("-");
	f1 = f[0];
	f.length == 2 ? f2 = f[1] : f2 = f1;
	fMax = Math.max(f1, f2);
	fMin = Math.min(f1, f2);
	obstructedHFov = hFovMax;
	if (camName.indexOf("-E") >= 0) {
		indoorCamName = camName.substring(0, camName.indexOf("-"));
		if (cameraData[indoorCamName] != undefined) {
			f = cameraData[indoorCamName].fov[e] == undefined ? cameraData[indoorCamName].fov[0].split("-") : cameraData[indoorCamName].fov[e].split("-");
			f1 = f[0];
			f.length == 2 ? f2 = f[1] : f2 = f1;
			indoorHFovMax = Math.max(f1, f2);
			if (indoorHFovMax > hFovMax) {
				hFovMax = indoorHFovMax
			}
		}
	}
	alpha = obstructedHFov;
	var alpha_dev_two=(alpha/2);
	twoTanAlpha = 2 * Math.tan(alpha_dev_two * Math.PI / 360);
	aspectRatio = hRes / vRes;
	sceneWidth = sceneDistance * twoTanAlpha;
	sceneHeight = sceneDistance * twoTanAlpha / aspectRatio;
	var hFovMin_div_2 = hFovMin/2;
	var hFovMax_div_2 = hFovMax/2;
	xEffMax = fMax * Math.tan(hFovMin_div_2 * Math.PI / 360);
	xEffMin = fMin * Math.tan(hFovMax_div_2 * Math.PI / 360);
	$(".sizewarn").hide();
	$("#warning-obstructed").hide();
	$("#angle").css("color", "#333");
	$("#distance-slider").val(sceneDistance).slider("refresh");
	$("#focal-slider").attr("min", fMin);
	$("#focal-slider").attr("max", fMax);
	if (obstructedHFov < hFovMax) {
		$("#focal-slider").val(angleToFocal(obstructedHFov))
	} else {
		$("#focal-slider").val(fMin)
	}
	if (fMin == fMax) {
		lockFocal()
	} else {
		unlockFocal()
	}
	extendedFocalLength = false;
	$("#f-range-2").prop("checked", false).checkboxradio("refresh");
	$("#f-range-1").prop("checked", true).checkboxradio("refresh");
	$("#focal-container").show();
	$("#focal-error-container").hide();
	setUpSizes();
	handleUpdates = true
}
function lockFocal() {
	$("#focal-slider").slider("disable").slider("refresh");
	$("#help-varifocal").hide();
	$("#help-fixedfocal").show();
	$("#target-sizes").hide();
	$("#target-distance").hide();
	$("#target-focal").hide();
	targetVal = "sizes";
	setTarget();
	$("#sizes-container").toggleClass("highlight", false)
}
function unlockFocal() {
	$("#focal-slider").slider("enable").slider("refresh");
	$("#help-varifocal").show();
	$("#help-fixedfocal").hide();
	$("#target-sizes").show();
	$("#target-distance").show();
	$("#target-focal").show();
	setTarget()
}
function setTarget() {
	$("#target-sizes").attr("src", targetOpenImage);
	$("#sizes-container").toggleClass("highlight", false);
	$("#target-distance").attr("src", targetOpenImage);
	$("#distance-container").toggleClass("highlight", false);
	$("#target-focal").attr("src", targetOpenImage);
	$("#focal-container").toggleClass("highlight", false);
	switch (targetVal) {
	case "sizes":
		$("#target-sizes").attr("src", targetImage);
		$("#sizes-container").toggleClass("highlight", true);
		break;
	case "distance":
		$("#target-distance").attr("src", targetImage);
		$("#distance-container").toggleClass("highlight", true);
		break;
	case "focal":
		$("#target-focal").attr("src", targetImage);
		$("#focal-container").toggleClass("highlight", true);
		break
	}
}
function setUpSizes() {
	if (corridorFormat) {
		$("#s-height").val((sceneWidth < 10 ? sceneWidth.toPrecision(2) : Math.round(sceneWidth)) + " " + unitString);
		$("#s-width").val((sceneHeight < 10 ? sceneHeight.toPrecision(2) : Math.round(sceneHeight)) + " " + unitString)
	} else {
		$("#s-width").val((sceneWidth < 10 ? sceneWidth.toPrecision(2) : Math.round(sceneWidth)) + " " + unitString);
		$("#s-height").val((sceneHeight < 10 ? sceneHeight.toPrecision(2) : Math.round(sceneHeight)) + " " + unitString)
	}
	if (unitString == "yd") {
		$("#s-resolution").val(Math.round(hRes / sceneWidth / 3) + " px/ft")
	} else {
		$("#s-resolution").val(Math.round(hRes / sceneWidth) + " px/" + unitString)
	}
	displayHFov()
}
function distanceUpdated(e) {
	if (handleUpdates) {
		handleUpdates = false;
		if (e == false) {
			hiliteResultsFrom("#distance-slider")
		}
		sceneDistance = $("#distance-slider").val();
		updateSizeOrFocal();
		handleUpdates = true
	}
}
function updateSizes() {
	sceneWidth = sceneDistance * twoTanAlpha;
	sceneHeight = (sceneDistance * twoTanAlpha) / aspectRatio;
	setUpSizes()
}
function checkFocalRange() {
	if (alpha > hFovMax + .001 || alpha < hFovMin - .001) {
		if (!focalOutOfRange) {
			$("#focal-slider").attr("max", EXTENDED_FOCAL_MAX).attr("min", EXTENDED_FOCAL_MIN);
			$(".sizewarn").show();
			$("#warning-supplied-lens").show();
			if (cameraData[camName].lc) {
				$("#warning-lens-not-replacable-2").hide();
				$("#info-lens-link").show()
			} else {
				$("#warning-lens-not-replacable-2").show();
				$("#info-lens-link").hide()
			}
			$("#angle").css("color", "red");
			focalOutOfRange = true;
			extendedFocalLength = true;
			$("#f-range-2").prop("checked", true).checkboxradio("refresh");
			$("#f-range-1").prop("checked", false).checkboxradio("refresh");
		}
		if (angleToFocal(alpha) > EXTENDED_FOCAL_MAX + 1e-4 || angleToFocal(alpha) < EXTENDED_FOCAL_MIN - 1e-4) {
			$("#focal-container").hide();
			$("#focal-error-container").show()
		} else {
			$("#focal-container").show();
			$("#focal-error-container").hide()
		}
	} else if (focalOutOfRange) {
		if (!extendedFocalLength) {
			$("#focal-slider").attr("min", fMin).attr("max", fMax)
		}
		$(".sizewarn").hide();
		$("#info-lens-link").hide();
		$("#angle").css("color", "#333");
		focalOutOfRange = false
	}
	if (hFovMax > obstructedHFov) {
		if (alpha > obstructedHFov) {
			alpha = obstructedHFov;
			$(".sizewarn").show();
			$("#warning-lens-not-replacable-2").hide();
			$("#warning-supplied-lens").hide();
			$("#info-lens-link").hide();
			$("#warning-obstructed").show();
			$("#obstructed-FoV").text(obstructedHFov)
		} else {
			if (!focalOutOfRange) {
				$(".sizewarn").hide()
			}
			$("#warning-supplied-lens").show();
			$("#warning-obstructed").hide()
		}
	}
}
function resetFocalRangeError() {
	if (angleToFocal(alpha) < EXTENDED_FOCAL_MIN) {
		alpha = focalToAngle(EXTENDED_FOCAL_MIN)
	} else {
		alpha = focalToAngle(EXTENDED_FOCAL_MAX)
	}
	$("#focal-slider").val(angleToFocal(alpha)).slider("refresh");
	updateSizes();
	updateDistance();
	$("#focal-container").show();
	$("#focal-error-container").hide()
}
function updateFocal() {
	alpha = 2*Math.atan((sceneWidth / 2) / sceneDistance) * 360 / Math.PI;
	//alert(alpha);alert(angleToFocal(2*alpha));
	$("#focal-slider").val(angleToFocal(alpha)).slider("refresh");
	checkFocalRange();
	focalUpdated();
	setUpSizes()
}
function updateDistance() {
	sceneDistance = sceneWidth / twoTanAlpha;
	if (sceneDistance > distMax) {
		distMax = Math.ceil(sceneDistance / 100) * 100;
		$("#distance-slider").attr("max", distMax)
	}
	$("#distance-slider").val(sceneDistance);
	$("#distance-slider").slider("refresh");
	setUpSizes()
}
function updateSizeOrFocal() {
	if (targetVal == "focal") {
		updateFocal()
	} else {
		updateSizes()
	}
}
function updateSizeOrDist() {
	if (targetVal == "distance") {
		updateDistance()
	} else {
		updateSizes()
	}
}
function updateDistOrFocal() {
	if (targetVal == "focal") {
		updateFocal()
	} else {
		updateDistance()
	}
}
function widthUpdated() {
	var e;
	if (handleUpdates) {
		handleUpdates = false;
		hiliteResultsFrom("#s-width");
		e = parseFloat($("#s-width").val().match(/\d{1,4}(\.\d{0,1})?/));
		if (!isNaN(e) && e > 0) {
			unitUpdated($("#s-width").val());
			if (corridorFormat) {
				sceneHeight = e;
				sceneWidth = sceneHeight * aspectRatio
			} else {
				sceneWidth = e;
				sceneHeight = sceneWidth / aspectRatio
			}
		}
		updateDistOrFocal();
		handleUpdates = true
	}
}
function heightUpdated() {
	var e;
	if (handleUpdates) {
		handleUpdates = false;
		hiliteResultsFrom("#s-height");
		e = parseFloat($("#s-height").val().match(/\d{1,4}(\.\d{0,1})?/));
		if (!isNaN(e) && e > 0) {
			unitUpdated($("#s-height").val());
			if (corridorFormat) {
				sceneWidth = e;
				sceneHeight = sceneWidth / aspectRatio
			} else {
				sceneHeight = e;
				sceneWidth = sceneHeight * aspectRatio
			}
		}
		updateDistOrFocal();
		handleUpdates = true
	}
}
function resolutionUpdated() {
	var e;
	if (handleUpdates) {
		handleUpdates = false;
		hiliteResultsFrom("#s-resolution");
		e = parseFloat($("#s-resolution").val().match(/\d\d*/));
		if (!isNaN(e) && e > 0) {
			if (unitString == "yd") {
				e = e * 3
			}
			sceneWidth = hRes / e
		}
		sceneHeight = sceneWidth / aspectRatio;
		updateDistOrFocal();
		handleUpdates = true
	}
}
function unitUpdated(e) {
	var t = "";
	if (e.indexOf("m") >= 0) {
		t = "m"
	}
	if (e.indexOf("ft") >= 0) {
		t = "ft"
	}
	if (e.indexOf("feet") >= 0) {
		t = "ft"
	}
	if (e.indexOf("foot") >= 0) {
		t = "ft"
	}
	if (e.indexOf("yd") >= 0) {
		t = "yd"
	}
	if (e.indexOf("yards") >= 0) {
		t = "yd"
	}
	if (e.indexOf("yard") >= 0) {
		t = "yd"
	}
	switch (t) {
	case "m":
		unitString = "m";
		$("#unit-1").prop("checked", true).checkboxradio("refresh");
		$("#unit-2").prop("checked", false).checkboxradio("refresh");
		$("#unit-3").prop("checked", false).checkboxradio("refresh");
		break;
	case "ft":
		unitString = "ft";
		$("#unit-1").prop("checked", false).checkboxradio("refresh");
		$("#unit-2").prop("checked", true).checkboxradio("refresh");
		$("#unit-3").prop("checked", false).checkboxradio("refresh");
		break;
	case "yd":
		unitString = "yd";
		$("#unit-1").prop("checked", false).checkboxradio("refresh");
		$("#unit-2").prop("checked", false).checkboxradio("refresh");
		$("#unit-3").prop("checked", true).checkboxradio("refresh");
		break
	}
	$("#distance-label").text("Distance (" + unitString + "):");
	setUnitCookie(unitString);
	distanceUpdated(true)
}
function displayHFov() {
	//alert(alpha);
	var e = alpha;
	if (corridorFormat) {
		e = 2*Math.atan(2*Math.tan((e/2) * Math.PI / 360) / 2) * 360 / Math.PI
	}
	$("#angle").text(e > 10 ? Math.round(e) : e.toPrecision(2))
}
function focalUpdated() {
	if (handleUpdates) {
		handleUpdates = false;
		hiliteResultsFrom("#focal-slider");
		alpha = focalToAngle($("#focal-slider").val());
		checkFocalRange();
		if (!extendedFocalLength) {
			if (alpha < hFovMin) {
				alpha = hFovMin
			}
			if (alpha > hFovMax) {
				alpha = hFovMax
			}
		}
		var alpha_dev_two=(alpha/2);
		twoTanAlpha = 2 * Math.tan(alpha_dev_two * Math.PI / 360);
		updateSizeOrDist();
		handleUpdates = true
	}
}
function rangeUpdated() {
	rangeValue = $("#range-selector :radio:checked").val();
	$("#distance-slider").attr("max", rangeValue);
	$("#distance-slider").slider("refresh");
	if (rangeValue < distMax) {
		distMax = rangeValue;
		sceneDistance = distMax;
		distanceUpdated(true)
	} else {
		distMax = rangeValue
	}
}
function focalRangeUpdated() {
	focalRangeValue = $("#f-range-selector :radio:checked").val();
	if (focalRangeValue == 1) {
		$("#focal-slider").attr("max", fMax);
		$("#focal-slider").attr("min", fMin);
		extendedFocalLength = false;
		if (fMin == fMax) {
			lockFocal()
		}
		if (alpha < hFovMin) {
			alpha = hFovMin
		}
		if (alpha > hFovMax) {
			alpha = hFovMax
		}
		checkFocalRange()
	} else {
		$("#focal-slider").attr("max", EXTENDED_FOCAL_MAX);
		$("#focal-slider").attr("min", EXTENDED_FOCAL_MIN);
		extendedFocalLength = true;
		unlockFocal()
	}
	$("#focal-slider").slider("refresh")
}
function corridorFormatUpdated() {
	if (cameraData[camName].cf) {
		if (corridorFormat) {
			$("#corridor-btn").attr("data-theme", "c").removeClass("ui-btn-up-e").removeClass("ui-btn-hover-e").addClass("ui-btn-up-c").addClass("ui-btn-hover-c")
		} else {
			$("#corridor-btn").attr("data-theme", "e").removeClass("ui-btn-up-c").removeClass("ui-btn-hover-c").addClass("ui-btn-up-e").addClass("ui-btn-hover-e")
		}
		corridorFormat = !corridorFormat;
		setUpSizes()
	}
}
function hiliteResultsFrom(e) {
	$("#s-width").css("background", "#f3f3f3");
	$("#s-height").css("background", "#f3f3f3");
	$("#s-resolution").css("background", "#f3f3f3");
	$("#distance-slider").css("background", "#f3f3f3");
	$("#focal-slider").css("background", "#f3f3f3");
	if (targetVal == "focal") {
		switch (e) {
		case "#s-width":
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#focal-slider").css("background", "#ffffcc");
			break;
		case "#s-height":
			$("#s-width").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#focal-slider").css("background", "#ffffcc");
			break;
		case "#s-resolution":
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#focal-slider").css("background", "#ffffcc");
			break;
		case "#distance-slider":
			$("#focal-slider").css("background", "#ffffcc");
			break;
		case "#focal-slider":
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc")
		}
	} else if (targetVal == "distance") {
		switch (e) {
		case "#s-width":
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#s-height":
			$("#s-width").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#s-resolution":
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#focal-slider":
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#distance-slider":
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc")
		}
	} else {
		switch (e) {
		case "#s-width":
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#s-height":
			$("#s-width").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		case "#s-resolution":
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#distance-slider").css("background", "#ffffcc");
			break;
		default:
			$("#s-width").css("background", "#ffffcc");
			$("#s-height").css("background", "#ffffcc");
			$("#s-resolution").css("background", "#ffffcc")
		}
	}
}(function (e) {
	e.fn.tooltip = function (t) {
		var n = e(t);
		return this.each(function () {
			var t = e(this);
			var r = function () {
					clearTimeout(t.data("tooltip.timein"));
					var e = setTimeout(function () {
						n.hide()
					}, 500);
					t.data("tooltip.timeout", e)
				};
			var i = function (r) {
					clearTimeout(t.data("tooltip.timeout"));
					var i = setTimeout(function () {
						n.show().css("zIndex", 9999);
						if (r.pageX < e(window).width() - n.width()) {
							n.offset({
								top: r.pageY + 15,
								left: r.pageX
							})
						} else {
							n.offset({
								top: r.pageY + 15,
								left: r.pageX - n.width()
							})
						}
					}, 1e3);
					t.data("tooltip.timein", i)
				};
			t.hover(function (e) {
				i(e)
			}, r);
			n.hover(function () {
				clearTimeout(t.data("tooltip.timeout"))
			}, r);
			t.mousedown(function () {
				clearTimeout(t.data("tooltip.timein"));
				n.hide()
			})
		})
	}
})(jQuery);
var camName;
var productImagesBaseURL = "http://www.axis.com/products/video/comparison/img/png/";
var sceneDistance;
var alpha;
var hRes;
var vRes;
var hFovMax;
var hFovMin;
var obstructedHFov;
var fMax;
var fMin;
var aspectRatio;
var twoTanAlpha;
var sceneWidth;
var sceneHeight;
var distMax = 100;
var corridorFormat;
var extendedFocalLength = false;
var unitString = "m";
var page1ShouldInitialize = true;
var handleUpdates = false;
var targetVal;
var focalOutOfRange;
var targetImage = "images/target.png";
var targetOpenImage = "images/target-open.png";
var EXTENDED_FOCAL_MIN = 1;
var EXTENDED_FOCAL_MAX = 120;
var cameraData = getCamData();

var model_number = '';
var get_arr=window.location.search.substr(1).split("&");
for(var i=0; i<get_arr.length; i++) {
	if (get_arr[i].indexOf('model') == 0){
		model_number=get_arr[i].split('=')[1];
	}
}
if(model_number!=''){
	camName = model_number;
}else{
	camName = getUrlVars()["cam"];
}
if (camName == undefined) {
	camName = "CS-PTZ9950-IP"
}
if (cameraData[camName] == undefined) {
	alert('Specified camera model "' + camName + '" not found. Click "Change" to select model');
	camName = "CS-PTZ9950-IP"
}
$(document).bind("pageinit", function () {
	if (page1ShouldInitialize) {
		$("#units-link").tooltip("#units-tip");
		$("#d-range-link").tooltip("#d-range-tip");
		$("#f-range-link").tooltip("#f-range-tip");
		$("#sizes-link").tooltip("#sizes-tip");
		$("#distance-link").tooltip("#distance-tip");
		$("#focal-link").tooltip("#focal-tip");
		$("#change-link").tooltip("#change-tip");
		$("#resolution-link").tooltip("#resolution-tip");
		$("#corridor-btn").tooltip("#corridor-tip");
		$("#help-link").tooltip("#help-tip");
		var e = window.devicePixelRatio > 1 ? true : false;
		if (e) {
			//$("#logoimg").attr("src", "images/[email protected]");
			$("#titleimg").attr("src", "images/[email protected]");
			targetImage = "images/[email protected]";
			targetOpenImage = "images/[email protected]"
		}
		$("#s-width").bind("change", function () {
			widthUpdated()
		});
		$("#s-height").bind("change", function () {
			heightUpdated()
		});
		$("#s-resolution").bind("change", function () {
			resolutionUpdated()
		});
		$("#select-resolution").bind("change", function () {
			setUpCamera($("#select-resolution").val())
		});
		$("#distance-slider").bind("change", function () {
			distanceUpdated(false)
		});
		$("#distance-slider").keyup(function (e) {
			var t = $("#distance-slider").val();
			if (t > distMax) {
				distMax = Math.ceil(t / 100) * 100;
				$("#distance-slider").attr("max", distMax).slider("refresh")
			}
		});
		$("#focal-slider").bind("change", function () {
			focalUpdated()
		});
		$("#focal-slider").bind("blur", function () {
			focalUpdated()
		});
		$("#focal-slider").keyup(function (e) {
			var t = $("#focal-slider").val();
			handleUpdates = false;
			if (e.which >= 48 && e.which <= 57 && !focalOutOfRange) {
				if (t > fMax || t < fMin) {
					$("#focal-slider").attr("min", EXTENDED_FOCAL_MIN).attr("max", EXTENDED_FOCAL_MAX).slider("refresh")
				} else {
					$("#focal-slider").attr("min", fMin).attr("max", fMax).slider("refresh")
				}
			}
			handleUpdates = true
		});
		$("#unit-selector").bind("change", function () {
			$("#units-dialog").popup("close");
			unitUpdated($("#unit-selector :radio:checked").val())
		});
		$("#range-selector").bind("change", function () {
			$("#range-dialog").popup("close");
			rangeUpdated()
		});
		$("#f-range-selector").bind("change", function () {
			$("#f-range-dialog").popup("close");
			focalRangeUpdated()
		});
		$("#res-selector").bind("change", function () {
			$("#resolution-dialog").popup("close");
			setUpCamera($("#res-selector :radio:checked").val())
		});
		$("#target-sizes").click(function () {
			targetVal = "sizes";
			setTarget()
		});
		$("#target-distance").click(function () {
			targetVal = "distance";
			setTarget()
		});
		$("#target-focal").click(function () {
			targetVal = "focal";
			setTarget()
		});
		$("#camlistview").on("click", "li", function () {
			if (this.innerText) {

				camName = this.innerText.replace(/^\s\s*/, "").replace(/\s\s*$/, "")

			} else {
				camName = this.textContent.replace(/^\s\s*/, "").replace(/\s\s*$/, "")
			}
			var path =location.pathname;
			var page = path.split("/").pop();
			window.location.href=page+'?model='+camName;
			updateCamera()
		});

		for (cameraName in cameraData) {


			// $("#camlistview").append('<img style="display:inline; "src="images/list-images/" height="150px" width="auto">');
			// $("#camlistview").append($("<img />",.append($("<li/>", {}).append($("<a/>", {
			// 	href: "#calculator",
			// 	text: cameraName,
			// })))

			// $("#camlistview").append('Dont Shid here');
      
      $("#camlistview").append('<div class="testing-ui-link center" style="padding-left:30px" ><a href="#calculator"><img style="float:left; padding:20px 0px 0px 40px" src="img/lens.png" width="auto" height="80"  /><li style="padding:10px 20px; line-height:64px; clear:both;">'+cameraName+'</li></a></div>');
  

    //   	// هاي هي ام المصاييييب مال كاميرات ;

    //   $("#camlistview").append('<div class="testing-ui-link"><img style="float:left;" src="images/list-images/'+cameraName+'.png" width="auto" height="150" /><a href="#calculator"><li style="padding:10px 20px; line-height:64px; clear:both;">'+cameraName+'</li></a></div>');
  


		}
		$("#corridor-btn").click(function () {
			corridorFormatUpdated()
		});
		$("#focal-reset").click(function () {
			resetFocalRangeError()
		});
		$("input[type=text]").focus(function () {
			this.select()
		});
		$("input[type=text]").mouseup(function (e) {
			e.preventDefault()
		});
		$("#distance-label").text("Distance (" + unitString + "):");
		updateCamera();
		page1ShouldInitialize = false;
		if (getUnitCookie() == undefined) {
			unitUpdated("m")
		} else {
			unitUpdated(getUnitCookie())
		}
	}
});