/* Init Unobtrusive JavaScript */
window.onload = function() {

	//Current section

	var clientsection = false;

	//Set variable if client currently selected (class is set to client over)
	var classname = $("navigation-cancli").className;
	if (classname.indexOf("navigation-cancli-clientover") != -1) {
		clientsection = true;
	}

	//Handle candidate / client button mouseover/hover

	//If on client section
	if (clientsection == true) {

		//Candidate - over
		$("btn_candidate").onmouseover = function() {
			//Remove client hovered over class
			classaddremove($("navigation-cancli"), "navigation-cancli-clientover", false);
		}

		//Candidate - out
		$("btn_candidate").onmouseout = function() {
			//Remove client hovered over class
			classaddremove($("navigation-cancli"), "navigation-cancli-clientover", true);
		}

	} else {
		//If on candidate section

		//Client - over
		$("btn_client").onmouseover = function() {
			//Add client hovered over class
			classaddremove($("navigation-cancli"), "navigation-cancli-clientover", true);
		}

		//Client - out
		$("btn_client").onmouseout = function() {
			//Add client hovered over class
			classaddremove($("navigation-cancli"), "navigation-cancli-clientover", false);
		}

	}

}

//Class add / remove
function classaddremove(ele, classname, status) {

	//If remove class
	if (status == false) {

		//List of all classes
		var classnameexisting = ele.className;
		var classes = classnameexisting.split(" ");

		var classesstring = "";

		for (var classnameitem in classes) {

			if (classes[classnameitem] != classname) {

				var spacer = "";
				if (classesstring != "") {
					spacer = " ";
				}

				classesstring += spacer + classes[classnameitem];

			}

		}

		ele.className = classesstring;

	} else {

		//Add class
		var spacer = "";
		if (ele.className != "") {
			spacer += " ";
		}

		//Append class to existing list
		ele.className += spacer + classname;

	}

}