function showPasswordPopup() {
	var el = document.getElementById('passwordPopup');
	var anchor = document.getElementById('passwordPopupAnchor');
	if(el.style.display != 'block') {
		var anchorXY = getElementTopLeftPoint(anchor);
		el.style.display = 'block';
		el.style.left = (anchorXY.left - 230) + "px";;
		el.style.top = (anchorXY.top + 12) + "px";;
	} else {
		el.style.display = 'none';
	}
}

function hidePasswordPopup() {
	var el = document.getElementById('passwordPopup');
	el.style.display = 'none';
}


function getElementTopLeftPoint (element) {
	var point = new PointClass();
	point.top = 0;
	point.left = 0;
	var el = element;
	while (null != el) {
		if (el.offsetTop != null) {
			point.top += el.offsetTop;
		}
		if (el.offsetLeft != null) {
			point.left += el.offsetLeft;
		}
		el = el.parentNode;
	}
	return point;
}
	
function PointClass() {
	this.top = null;
	this.left = null;
}

function menuOver (id) {
	if(document.getElementById('leftMenuTop' + id).className != 'menu_active_top') {
		document.getElementById('leftMenuTop' + id).className = 'menu_selected_top';
		document.getElementById('leftMenuBody' + id).className = 'menu_selected_body';
		document.getElementById('leftMenuBottom' + id).className = 'menu_selected_bottom';
	} else {
		return;
	}
}

function resetSelection () {
	for(i = 1; i < 14; i++) {
		document.getElementById('leftMenuTop' + i).className = 'menu_inactive_top';
		document.getElementById('leftMenuBody' + i).className = 'menu_inactive_body';
		document.getElementById('leftMenuBottom' + i).className = 'menu_inactive_bottom';
	}
}

function menuClick (id) {
	//resetSelection();
	document.getElementById('leftMenuTop' + id).className = 'menu_active_top';
	document.getElementById('leftMenuBody' + id).className = 'menu_active_body';
	document.getElementById('leftMenuBottom' + id).className = 'menu_active_bottom';
	
}

function menuOut (id) {
	if(document.getElementById('leftMenuTop' + id).className != 'menu_active_top') {
		document.getElementById('leftMenuTop' + id).className = 'menu_inactive_top';
		document.getElementById('leftMenuBody' + id).className = 'menu_inactive_body';
		document.getElementById('leftMenuBottom' + id).className = 'menu_inactive_bottom';
	} else {
		return;
	}
}


var ControlPopUpDriver = new PopUpDriverClass();

function PopUpDriverClass() {
	this.timer = null;
	

	this.hideRssAction = function () {
		document.getElementById('rssPopup').style.display = 'none';
	}
	
	this.showRssPopup = function () {
		this.getDiv = document.getElementById('getRssObject');
		this.targetDiv = document.getElementById('rssPopup');
		this.rssAnchorPosition = getElementTopLeftPoint(document.getElementById('rssObject'))
		if(this.getDiv) {
			this.targetDiv.innerHTML = this.getDiv.innerHTML;
			this.targetDiv.style.display = 'block';
			this.targetDiv.style.left = this.rssAnchorPosition.left + 208 + 'px';
			this.targetDiv.style.top = this.rssAnchorPosition.top - 118 + 'px';
			window.clearTimeout(this.timer);
		}
	}
	
		
	this.hideRssPopup = function () {
		this.timer = window.setTimeout("ControlPopUpDriver.hideRssAction()", 350);
	}
	
	this.popupHover = function () {
		window.clearTimeout(this.timer);
	}
	
	this.popupHoverOut = function (event) {
		if(this.getDiv) {
			if(event == 'click') {
				window.clearTimeout(this.timer);
				document.getElementById('rssPopup').style.display = 'none';
			} else {
				this.timer = window.setTimeout("ControlPopUpDriver.hideRssAction()", 200);
			}
		}
	}
}