// load webcam into div id "videoPlayer"

// flashVars must be in the form:
// {server: "ip or domain name", serverport: "port number", serverpath: "path from root", width: "video width", height: " video height"}
// with parameters inside quotes specified

var cameraLoaded;

function loadWebcam(flashVars, id) {
	var flashDiv = document.getElementById("videoPlayer");
	
	if (!cameraLoaded) {
		cameraLoaded = flashVars;
		
		// load flash player into div id "videoPlayer"
		var atts = {id: "videoPlayer"};
		var params = {wmode: "opaque"};
		swfobject.embedSWF("http://nees.ucsd.edu/assets/swf/MJPG.swf", "videoPlayer", "600", "366", "10", null, flashVars, params, atts);
		
		// highlight video selection
		document.getElementById(id).parentNode.className = "selected";
	}
	
	else if (cameraLoaded.server != flashVars.server || cameraLoaded.serverport != flashVars.serverport || cameraLoaded.serverpath != flashVars.serverpath) {
		cameraLoaded = flashVars;
		
		// get camera lists
		var cameraLists = document.getElementById("cameraList").getElementsByTagName("ul");
		for (var i = 0; i < cameraLists.length; i++) {
			var cameraList = cameraLists[i].getElementsByTagName("li");
		
			// remove selection formatting from all list items
			for (var j = 0; j < cameraList.length; j++) {
				cameraList[j].className = '';
			}
		}
		
		// add selection formatting to clicked list item
		document.getElementById(id).parentNode.className = "selected";
		
		// call flash player method to change stream
		flashDiv.changeStream(flashVars.server, flashVars.serverport, flashVars.serverpath, flashVars.width, flashVars.height);
	}
}

function loadNorthwest() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/northwest", width: "640", height: "480"}, "northwest");
}

function loadSouthwest() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/southwest", width: "640", height: "480"}, "southwest");
}

function loadAxis1() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-1", width: "704", height: "480"}, "axis-1");
}

function loadAxis2() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-2", width: "704", height: "480"}, "axis-2");
}

function loadAxis3() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-3", width: "704", height: "480"}, "axis-3");
}

function loadAxis4() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-4", width: "704", height: "480"}, "axis-4");
}

function loadAxis5() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-5", width: "704", height: "480"}, "axis-5");
}

function loadAxis6() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-6", width: "704", height: "480"}, "axis-6");
}

function loadAxis7() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-7", width: "704", height: "480"}, "axis-7");
}

function loadAxis8() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-8", width: "704", height: "480"}, "axis-8");
}

function loadAxis9() {
	loadWebcam({server: "nees.ucsd.edu", serverport: "8080", serverpath: "/axis-9", width: "704", height: "480"}, "axis-9");
}

function homePageCamera() {
	var flashVars = {server: "nees.ucsd.edu", serverport: "8080", serverpath: "/northwest", width:"640", height:"480"};
	var atts = {id: "videoPlayer"};
	var params = {wmode: "opaque"};
	swfobject.embedSWF("http://nees.ucsd.edu/assets/swf/MJPG.swf", "videoPlayer", "296", "222", "10", null, flashVars, params, atts);
}