var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d) {
if(self.pageYOffset) {
	rX = self.pageXOffset;
	rY = self.pageYOffset;
	}
else if(document.documentElement && document.documentElement.scrollTop) {
	rX = document.documentElement.scrollLeft;
	rY = document.documentElement.scrollTop;
	}
else if(document.body) {
	rX = document.body.scrollLeft;
	rY = document.body.scrollTop;
	}
if(document.all) {
	cX += rX; 
	cY += rY;
	}
d.style.left = (cX+10) + "px";
d.style.top = (cY+10) + "px";
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
dd.style.display = "block";
}

function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if(dd.style.display == "none") { dd.style.display = "block"; }
else { dd.style.display = "none"; }
}


/**
* Change content of Help-lightbox
*/

function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

function zjsChangeContent(element, content) {

	liArray = document.getElementById("pillMenu").getElementsByTagName('li');
	i=0;
	while(liArray[i]){
		if ( (hasClass ( liArray[i], 'first' )) || (hasClass ( liArray[i], 'firstActive' )) ) {
			liArray[i].className = 'first';
		} else if ( (hasClass ( liArray[i], 'last' )) || (hasClass ( liArray[i], 'lastActive' )) ) {
			liArray[i].className = 'last';
		} else {
			liArray[i].className = '';
		}
		i++;
	}
	
	if( hasClass( element, 'first' ) && !hasClass ( element, 'firstActive' ) ) {
		addClass ( element, 'firstActive' );
	} else if ( hasClass( element, 'last' ) && !hasClass( element, 'lastActive' ) ) {
		addClass( element, 'lastActive' );
	} else if ( !hasClass( element, 'active' ) ) {
		addClass( element, 'active' );
	}
	
	document.getElementById('content1').style.display = 'none';
	document.getElementById('content2').style.display = 'none';
	document.getElementById('content3').style.display = 'none';
	document.getElementById('content4').style.display = 'none';
	
	
	document.getElementById(content).style.display = 'block';
}