var xmlhttp = null;
var selElem = null;
var contDiv = null;
var curCamera = "";
var busy = false;
function selCamera() {
	if (!busy) {
		busy = true;
		var yy = selElem.options[selElem.selectedIndex];
		curCamera = yy.value;
		contDiv.innerHTML = "Loading data for <b>"+ yy.text +"</b> ...";	
		var url = "cam.php?id="+curCamera;		
		AJAX_Request(url, updateContent);
	} else alert('Wait please, loading data...');
}

function AJAX_Request(url,func)
{
  xmlhttp=null;
  if 	(window.XMLHttpRequest) 
      xmlhttp=new XMLHttpRequest(); else 
  if (window.ActiveXObject)  
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  if (xmlhttp!=null)
  {   
      xmlhttp.onreadystatechange=func;
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);
  }
}

function updateContent() {
	if (xmlhttp.readyState==4) {
		contDiv.innerHTML = xmlhttp.responseText;
		busy = false;	

	}
}

function getE(id) {
	return document.getElementById(id);
}

function addData() {
	getE('add').disabled = true;
	getE('add').value = "Adding ...";
	var url = "add.php?";
	url += "nm="+getE('nm').value;
	url += "&eml="+getE('eml').value;
	url += "&clicks="+getE('clicks').value;
	url += "&id="+getE('camid').value;
	url += "&live="+getE('live').selectedIndex;	
	AJAX_Request(url, added);
}

function added() {
	if (xmlhttp.readyState==4) {
		//getE('add').value = "Done.";
		var url = "cam.php?id="+curCamera;		
		AJAX_Request(url, updateContent);
	}
}

var code = "";
function loadCamList() {
	scriptObj = document.createElement("script");
	scriptObj.setAttribute("src", "cams.js.php?v2");
	headLoc = document.getElementsByTagName("head").item(0);
	headLoc.appendChild(scriptObj);
	//document.appendChild(scriptObj);
}

function insertCode() {
	var x = document.getElementById("camlist");
	x.innerHTML = code;
	selElem = document.getElementById('cams');
	contDiv = document.getElementById('content');
}

function findCameraDelay(el)
{
	setTimeout(function(){findCamera(el)}, 50);
}

function displayList(url_list)
{
	var el = document.getElementById('results');
	var str = '';
	for (k in url_list)
	{
		var obj = url_list[k];
		str += '<a href="'+ obj.url +'.htm">' + obj.name + '</a>';
	}
	el.innerHTML = str;
}

function findCamera(search)
{
	search = search.value;
	var url_list = [];
	
	if (typeof search == 'undefined' || search.length <= 0)
	{
		displayList(url_list);
		return;
	}
	
	search = search.toLowerCase();
	
	var cam = '';
	
	var cnt = 0;
	
	
	
	
	for (k in camlist)
	{
		
		var obj = camlist[k];
		for (name in obj)
		{
			if (name.toLowerCase().indexOf(search)>=0)
			{
				cnt++;
				var url = {name: name, url: obj[name]};
				url_list.push(url);
				if (cnt>10) 
				{
					displayList(url_list);
					return;
				}
			}
		}
	}
	displayList(url_list);
}