var div_id 	= 'popUpDiv';

function toggle(div_id) {
	var el = document.getElementById(div_id);
	el.style.display = 'block';
	/*
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {el.style.display = 'none';}
	*/
}
function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);

	//need to get viewable area and center in viewport
	popUpDiv_height=25;//spacing from top
	popUpDiv.style.top = popUpDiv_height + '%';
	popUpDiv.style.top = popUpDiv_height + '%';
}
function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	
	window_width=(window_width/2)-(dvpWidth/2);//half popup's width
	popUpDiv.style.left = window_width + 'px';
}

function addEvent(obj, evt, fn) {
	if (obj.addEventListener) {
		obj.addEventListener(evt, fn, false);
	}
	else if (obj.attachEvent) {
		obj.attachEvent("on" + evt, fn);
	}
}

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

function closePopUp(div_id) {
	hideDiv(div_id);
	hideDiv('blanket');	
}

$(document).ready(function() {
	if (showPopup) {
		if (trigger == 0) {
			addEvent(window,"load",function(e) {
				addEvent(document, "mouseout", function(e) {
					e = e ? e : window.event;
					var from = e.relatedTarget || e.toElement;
					if (!from || from.nodeName == "HTML") {
						// stop your drag event here
						//Need to debug this area alot
						blanket_size(div_id);
						window_pos(div_id);
						toggle(div_id);
						toggle('blanket');
					}
				});
			});
		}else {
			blanket_size(div_id);
			window_pos(div_id);
			toggle(div_id);
			toggle('blanket');	
		}
	}
}
)