/*******************************************************************/
function showOverlay(popupId){
	
	if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
		isFrame = true;
	} else {
		isFrame = false;
	}
	
	var xScroll, yScroll, windowWidth, windowHeight;
	if (window.innerHeight && window.scrollMaxY) {
		xScroll = document.scrollWidth;
		yScroll = (isFrame ? parent.innerHeight : self.innerHeight) + (isFrame ? parent.scrollMaxY : self.scrollMaxY);
	} else if (document.body.scrollHeight > document.body.offsetHeight){
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else {
		xScroll = document.getElementsByTagName("html").item(0).offsetWidth;
		yScroll = document.getElementsByTagName("html").item(0).offsetHeight;
		xScroll = (xScroll < document.body.offsetWidth) ? document.body.offsetWidth : xScroll;
		yScroll = (yScroll < document.body.offsetHeight) ? document.body.offsetHeight : yScroll;
	}
	if (self.innerHeight) {
		windowWidth = (isFrame) ? parent.innerWidth : self.innerWidth;
		windowHeight = (isFrame) ? parent.innerHeight : self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		windowWidth = document.getElementsByTagName("html").item(0).clientWidth;
		windowHeight = document.getElementsByTagName("html").item(0).clientHeight;
		windowWidth = (windowWidth == 0) ? document.body.clientWidth : windowWidth;
		windowHeight = (windowHeight == 0) ? document.body.clientHeight : windowHeight;
	}
	var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
	var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;

	$('overlay').setStyle({ height: pageHeight + 'px' });
	$('overlay').onclick = function(e) {
		if (!e) var e = window.event;
		var clickObj = Event.element(e).id;
		if (clickObj == 'overlay') {
			$('overlay').hide();
			$(popupId).hide();
			document.onkeydown = '';
		}
	};

	new Effect.Appear($('overlay'), { duration: 0, from: 0.0, to: 0.5 });
}
/*******************************************************************/
//function garagePopup(page){
//
//	showOverlay('garage_popup');
//
//	new Ajax.Updater('garage_popup', page);
//
//	var popupWidth        = $('garage_popup').getWidth();
//	var popupHeight       = $('garage_popup').getHeight();
//	var viewportWidth     = document.viewport.getWidth();
//	var viewportHeight    = document.viewport.getHeight();
//	var scrolloffsetLeft  = document.viewport.getScrollOffsets()[0];
//	var scrolloffsetRight = document.viewport.getScrollOffsets()[1];
//	
//	var popupLeft = ((viewportWidth / 2) - (popupWidth / 2)) + scrolloffsetLeft;
//	var popupTop  = ((viewportHeight / 2) - (popupHeight / 2)) + scrolloffsetRight;
//	
//	if(popupLeft < 0) { popupLeft = 0; }
//	if(popupTop < 0)  { popupTop  = 0; }
//	
//	$('garage_popup').setStyle({
//		zIndex: 999999,
//		position: 'absolute',
//		left: popupLeft + 'px',
//		top: popupTop + 'px'
//	});
//	
//	document.onkeydown = function(e){
//		if (e == null) { // ie
//			keycode = event.keyCode;
//			escapeKey = 27;
//		} else { // mozilla
//			keycode = e.keyCode;
//			escapeKey = e.DOM_VK_ESCAPE;
//		}
//	
//		if(keycode == escapeKey){
//			$('garage_popup').hide();
//			$('overlay').hide();
//			document.onkeydown = '';
//			$('garage_popup').innerHTML = '';
//		}
//	}
//	
//	$('garage_popup').show();
//}
/*******************************************************************/
function showPopup(popup_id){

	showOverlay(popup_id);

	//new Ajax.Updater('garage_popup', document.getElementById(popup_id));

	var popupWidth        = $(popup_id).getWidth();
	var popupHeight       = $(popup_id).getHeight();
	var viewportWidth     = document.viewport.getWidth();
	var viewportHeight    = document.viewport.getHeight();
	var scrolloffsetLeft  = document.viewport.getScrollOffsets()[0];
	var scrolloffsetRight = document.viewport.getScrollOffsets()[1];
	
	var popupLeft = ((viewportWidth / 2) - (popupWidth / 2)) + scrolloffsetLeft;
	var popupTop  = ((viewportHeight / 2) - (popupHeight / 2)) + scrolloffsetRight;
	
	if(popupLeft < 0) { popupLeft = 0; }
	if(popupTop < 0)  { popupTop  = 0; }
	
	$(popup_id).setStyle({
		zIndex: 999999,
		position: 'absolute',
		left: popupLeft + 'px',
		top: popupTop + 'px'
	});
	
//	document.onkeydown = function(e){
//		if (e == null) { // ie
//			keycode = event.keyCode;
//			escapeKey = 27;
//		} else { // mozilla
//			keycode = e.keyCode;
//			escapeKey = e.DOM_VK_ESCAPE;
//		}
//	
//		if(keycode == escapeKey){
//			$(popup_id).hide();
//			$('overlay').hide();
//			document.onkeydown = '';
//			$(popup_id).innerHTML = '';
//		}
//	}
	
	$(popup_id).show();
}
/*******************************************************************/
function showPopupGarage(popup_id){
	
	$(popup_id).innerHTML = $('preloader_garage_popup').innerHTML;
	
	var url = 'http://www.carprof.nl/site/ajax/show_garage_info.php?popup_id=' + popup_id;

	new Ajax.Request(url, {
		method: 'get',
		onComplete: function(transport){
			
			$(popup_id).innerHTML = transport.responseText;
			
			showOverlay(popup_id);

			var popupWidth        = $(popup_id).getWidth();
			var popupHeight       = $(popup_id).getHeight();
			var viewportWidth     = document.viewport.getWidth();
			var viewportHeight    = document.viewport.getHeight();
			var scrolloffsetLeft  = document.viewport.getScrollOffsets()[0];
			var scrolloffsetRight = document.viewport.getScrollOffsets()[1];
			
			var popupLeft = ((viewportWidth / 2) - (popupWidth / 2)) + scrolloffsetLeft;
			var popupTop  = ((viewportHeight / 2) - (popupHeight / 2)) + scrolloffsetRight;
			
			if(popupLeft < 0) { popupLeft = 0; }
			if(popupTop < 0)  { popupTop  = 0; }
			
			$(popup_id).setStyle({
				zIndex: 999999,
				position: 'absolute',
				left: popupLeft + 'px',
				top: popupTop + 'px'
			});
			
			$(popup_id).show();
		}
	});
	
	
}
/*******************************************************************/
function closePopup(popup_id){
	$('overlay').hide();
	$(popup_id).hide();
}