
function showSubscriptions()
{
	var popup = document.getElementById('subscriptionPopup');
	var sub = document.getElementById('mysubscription');
	var fromLeft = sub.offsetLeft;
	var fromTop = sub.offsetTop + 25;
	var IE = document.all?true:false;
	if(IE)
	{	
		fromLeft = sub.offsetLeft+sub.offsetParent.offsetLeft;
		fromTop = sub.offsetTop+sub.offsetParent.offsetTop+25;	
	}
	popup.style.left = fromLeft+'px';	
	popup.style.top = fromTop+'px';
	addHidingForPopup();
	var selector = document.getElementById('campaignFinance_lookupElectionCycleSelectorId');
	popup.style.visibility = "visible";
	selector.style.visibility = 'hidden';
}

function closeSubPopup()
{
	var popup = document.getElementById('subscriptionPopup');
	popup.style.visibility = 'hidden';
}

function hidePopup(e) {
		var popup = document.getElementById('subscriptionPopup');
		var selector = document.getElementById('campaignFinance_lookupElectionCycleSelectorId');
		if(!(isOver(popup, e)))
		{
			popup.style.visibility = 'hidden';
				selector.style.visibility = 'visible';
			document.onmousemove = null;
		}
	}

function addHidingForPopup() {		
		document.onmousemove = hidePopup;		
	}

function isOver(div, e) {
	var IE = document.all?true:false;
	var clickX = null;
	var clickY = null;
	var scrollTop = document.body.scrollTop;
	if(IE){
		clickX = event.clientX + document.body.scrollLeft;
		clickY = event.clientY + document.body.scrollTop;
		clickY = clickY + ((document.body.parentElement) ? document.body.parentElement.scrollTop : 0);
// 		alert(clickY + " " + document.getElementById('subscriptionPopup').scrollTop);
	}else{
		clickX = e.pageX;
		clickY = e.pageY;
	}
	var margin = (document.width - 1000)/2;
	if(IE)
	{
		margin = div.offsetParent.offsetLeft;
	}	
	var startX = div.style.left;
	startX = startX.substring(0,startX.length-2);	
	startX = parseInt(startX) + margin;
    var	endX = startX + div.offsetWidth;
	var startY = div.style.top;
	startY = startY.substring(0,startY.length-2);
	startY = parseInt(startY);
	startY = startY - 30;
	var endY = startY + div.offsetHeight+40;
//	alert(startX+ " "+ clickX+ " " + endX);
//	alert(startY+ " "+ clickY+ " " + endY);
	if(startX <= clickX && endX >= clickX && startY <= clickY && endY >= clickY)
	{	
		return true;
	}else{		
		return false;
	}
	
}
