/**********************************************************************************************
| Mkportal Ajax Boxes & Tips
| by Luponero aka Meo oct 2007
|
|----------------------------
| Based on Original Ideas:
| by DTHMLGoodies.com, Alf Magne Kalleland
| by Lokesh Dhakar - http://www.huddletogether.com
*************************************************************************************************/	


//Meo: Mkportal settings ----------------------------
var BalloonImg = MKAJAX_IMAGES_PATH + "freccia.gif";
var BalloonImg2 = MKAJAX_IMAGES_PATH + "frecciad.gif";
var LoadingImg = MKAJAX_IMAGES_PATH + "loadspin.gif";
var OverlayImg = MKAJAX_IMAGES_PATH + "overlay.png";
var CloseImg = MKAJAX_IMAGES_PATH + "closepl.gif";

//Meo: General settings
var popshowdelay = 800;
var tipshowdelay = 400;

// Meo: Inizialization
var objOverlay = false;
var objLightbox = false;
var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;
var ajax_tooltip_MSIE = false;
var ajax_tooltip_Myo = "";
if(navigator.userAgent.indexOf('MSIE')>=0)ajax_tooltip_MSIE=true;


/********************** Meo ShowPop ********************************/

function ajax_showPop(externalFile, delayno)
{
// Meo: Clear all the external calling ant timeouts delay
	ajaxPop_clear();

	if(!objOverlay)
	{
		var objBody = document.getElementsByTagName("body").item(0);
		objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','mkoverlay');
		objOverlay.onclick = function () {ajax_hideLightbox(); return false;}
		objOverlay.style.position = 'absolute';
		objOverlay.style.display = 'none';
		objOverlay.style.top = '0';
		objOverlay.style.left = '0';
		objOverlay.style.zIndex = '90';
 		objOverlay.style.width = '100%';

		//Meo: This method seems to be very much faster than using a png background
		objOverlay.style.backgroundColor = '#111';
		objOverlay.style.opacity = '.80';
		objOverlay.style.filter = 'alpha(opacity=80)'; 
		objOverlay.style.MozOpacity = '0.8';
		objBody.insertBefore(objOverlay, objBody.firstChild);
		
		objLightbox = document.createElement("div");
		objLightbox.setAttribute('id','mklightbox');
		objLightbox.style.display = 'none';
		objLightbox.style.position = 'absolute';
		objLightbox.style.zIndex = '100';
		
		objLightbox.style.border = '1px solid #698490';
		objLightbox.style.backgroundColor = '#f1f6fb';
		objLightbox.style.padding = '4px';
		objLightbox.style.fontSize = '0.8em';

		objBody.insertBefore(objLightbox, objOverlay.nextSibling);

		var objLink = document.createElement("a");
		objLink.setAttribute('href','#');
		objLink.setAttribute('title','Click to close');
		objLink.onclick = function () {ajax_hideLightbox(); return false;}
		objLink.style.textAlign = 'right';
		objLightbox.appendChild(objLink);

		var objCloseButton = document.createElement("img");
		objCloseButton.src = CloseImg;
		objCloseButton.setAttribute('id','mkcloseButton');
		objCloseButton.style.position = 'absolute';
		objCloseButton.style.zIndex = '200';
		objLink.appendChild(objCloseButton);

		var objContent = document.createElement("div");
		objContent.setAttribute('id','mklightboxContent');
		objContent.style.overflow = 'auto';
		objLightbox.appendChild(objContent);


	}
		
	var arrayPageSize = MkUtilsLib.getPageSize();
	var arrayPageScroll = MkUtilsLib.getPageScroll();

	objOverlay.style.width = (arrayPageSize[0] + 'px');
	objOverlay.style.height = (arrayPageSize[1] + 'px');
			
//Meo: Reset runtime changed values
	document.getElementById('mklightboxContent').style.height = "";
	document.getElementById('mklightboxContent').style.width = "";
	objLightbox.style.width =  "";
	objLightbox.style.height = "";
	
// Meo: immediate or delay Calling?
	if (delayno != null){
		ajax_showPop2(externalFile);
	} else {
		delayshow=setTimeout("ajax_showPop2('" + externalFile + "')",popshowdelay);
	}

}

function ajax_showPop2(externalFile)
{
	mkportal_Spinner_Show();
	objOverlay.style.display = 'block';
	objLightbox.style.display = 'none';
	ajaxPopup_loadContent(externalFile);

}

function ajax_hideLightbox()
{
	document.getElementById('mkoverlay').style.display = 'none';
	document.getElementById('mklightbox').style.display = 'none';
	mkportal_Spinner_Hide();
	if (typeof delayshow!="undefined")
		clearTimeout(delayshow);
}


/********************** Meo ShowToolTip ********************************/
function ajax_showTooltip(externalFile,inputObj,delayno)
{
	// Meo: Clear all the external calling ant timeouts delay
	ajaxPop_clear();
	 
	if(!ajax_tooltipObj)
	{
		ajax_tooltipObj = document.createElement('DIV');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.style.zIndex = '1000000';
		ajax_tooltipObj.style.textAlign = 'left';
		ajax_tooltipObj.id = 'ajax_tooltipObj';			
		document.body.appendChild(ajax_tooltipObj);

		var leftDiv = document.createElement('DIV');
		leftDiv.setAttribute('id','ajax_tooltip_arrow');
		leftDiv.style.backgroundImage = "url('" + BalloonImg + "')";
		leftDiv.style.width = '28px';
		leftDiv.style.position = 'absolute';
		leftDiv.style.left = '0px';
		leftDiv.style.top = '20px';
		leftDiv.style.zIndex = '1000005';
		leftDiv.style.height = '26px';
		leftDiv.style.backgroundRepeat = 'no-repeat';
		leftDiv.style.backgroundPosition = 'center left';
		ajax_tooltipObj.appendChild(leftDiv);
		
		
		var contentDiv = document.createElement('DIV');
		contentDiv.style.border = '1px solid #698490';
		contentDiv.style.left = '-20px';
		contentDiv.style.top = '45px';
		contentDiv.style.position = 'absolute';
		contentDiv.style.backgroundColor = '#f1f6fb';
		contentDiv.style.padding = '5px';
		contentDiv.style.fontSize = '0.8em';
		contentDiv.style.zIndex = '1000001';

		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		
		if(ajax_tooltip_MSIE){
			ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe.style.position = 'absolute';
			ajax_tooltipObj_iframe.border='0';
			ajax_tooltipObj_iframe.frameborder=0;
			ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
			ajax_tooltipObj_iframe.src = 'about:blank';
			contentDiv.appendChild(ajax_tooltipObj_iframe);
			ajax_tooltipObj_iframe.style.left = '0px';
			ajax_tooltipObj_iframe.style.top = '0px';
		}	
	}
	
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_tooltipObj.style.display='none';
	
	// Meo: delay function
	ajax_tooltip_Myo = inputObj;

	//Immediate or delay Calling?
	delayno = (typeof delayno == 'undefined') ? 0 : delayno;	
	if (delayno == 1) { //Help Popups
		ajax_tooltipObj.style.visibility = 'hidden';
		ajaxTooltip_loadContent(externalFile);

	} else {
		delayshow=setTimeout("ajaxTooltip_loadContent('" + externalFile + "')",tipshowdelay);
	}

}

function ajax_hideTooltip()
{
	if(ajax_tooltipObj)
	{	
	ajax_tooltipObj.style.display='none';
	if (typeof delayshow!="undefined")
		clearTimeout(delayshow);
	}
}

function ajax_positionTooltip(inputObj)
{

//Meo: Reset runtime changed values
	ajax_tooltipObj.style.left = '';
	ajax_tooltipObj.style.top = '';
	document.getElementById('ajax_tooltip_arrow').style.backgroundImage = "url('" + BalloonImg + "')";
	document.getElementById('ajax_tooltip_arrow').style.left = '0px';
	document.getElementById('ajax_tooltip_arrow').style.top = '20px';
	document.getElementById('ajax_tooltip_content').style.width = "";
	ajax_tooltipObj.style.width = "";
	ajax_tooltipObj.style.height = "";

	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos = ajaxTooltip_getTopPos(inputObj);
	var myw = document.getElementById('ajax_tooltip_content').offsetWidth;
	if (myw < 1) myw = 150;
	var myh = document.getElementById('ajax_tooltip_content').offsetHeight;
	if (myh < 1) myh = 150;

// Meo: outscreen correction x
	var arrayPageSize = MkUtilsLib.getPageSize();
	var arrayPageScroll = MkUtilsLib.getPageScroll();
	var maxw = arrayPageSize[0];
	if ((myw + leftPos) > maxw) {
		var mydiff = (myw + leftPos) - maxw;
		var arrowdiff = 10;
		if (ajax_tooltip_MSIE == true) arrowdiff = 20;
		leftPos = leftPos - (mydiff +5);
		document.getElementById('ajax_tooltip_arrow').style.left = (mydiff - arrowdiff) +'px';
	}
// Meo: outscreen correction y
	var maxy = ((arrayPageScroll[1] + arrayPageSize[3]) -5);
	if ((topPos + myh + 45) > maxy) {
		topPos = topPos - (myh +67);
		document.getElementById('ajax_tooltip_arrow').style.backgroundImage = "url('" + BalloonImg2 + "')";
		document.getElementById('ajax_tooltip_arrow').style.top = myh + 44 + "px";
	}

	ajax_tooltipObj.style.left = leftPos + 'px';
	ajax_tooltipObj.style.top = topPos + 'px';

}


function ajaxTooltip_getTopPos(inputObj)
{		
  	var returnValue = inputObj.offsetTop;
  	while((inputObj = inputObj.offsetParent) != null){
  		if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  	}
  	return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj)
{
  	var returnValue = inputObj.offsetLeft;
  	while((inputObj = inputObj.offsetParent) != null){
  		if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  	}
  	return returnValue;
}

// Meo: clear the timeouts
function ajaxPop_clear(){

	if (typeof delayshow!="undefined")
		clearTimeout(delayshow);
}


/*
**********************MEO AJAX INTEGRATION******************************
*/

//----------Meo: Popup Box -------------
function ajaxPopup_loadContent(url)
{
	new MKP_ajax(url, {method: 'get',  onComplete: function(request) { ajaxPopup_showContent(request); }});	
}

function ajaxPopup_showContent(request)
{
	mkportal_Spinner_Hide();
	objLightbox.style.display = 'block';
	objLightbox.style.visibility='hidden';
	
	document.getElementById('mklightboxContent').innerHTML = request.responseText;
	var arrayPageSize = MkUtilsLib.getPageSize();
	var arrayPageScroll = MkUtilsLib.getPageScroll();
	var myw = document.getElementById('mklightboxContent').offsetWidth;
	var myh = document.getElementById('mklightboxContent').offsetHeight;


	if (myh > arrayPageSize[3]) {
		myh = myh -170;
		document.getElementById('mklightboxContent').style.height = myh + "px";
		objLightbox.style.height = myh + 'px';		
	}

	var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 20 - myh) / 2);
	var lightboxLeft = ((arrayPageSize[0] - 20 - myw) / 2);

	objLightbox.style.width =  myw + 'px';
	objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
	objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";

	document.getElementById('mkcloseButton').style.top = "8px";	
	document.getElementById('mkcloseButton').style.left = (myw -28) + "px";
	objLightbox.style.visibility='visible';

}

//-------------Meo: ToolTip---------------
function ajaxTooltip_loadContent(url)
{
	ajax_tooltipObj.style.display='block';
	document.getElementById('ajax_tooltip_content').innerHTML = "<div style=\"text-align: center; border:1px solid #698490; padding: 6px; background: #FFF; color: #666;\"><br /><img src=\"" + LoadingImg + "\" border=\"\"><br /><br /><b>...Loading...</b><br /></div>";
	ajax_positionTooltip(ajax_tooltip_Myo);
	new MKP_ajax(url, {method: 'get',  onComplete: function(request) { ajaxTooltip_showContent(request); }});	
	
}

function ajaxTooltip_showContent(request)
{
	document.getElementById('ajax_tooltip_content').innerHTML = request.responseText;
	ajax_tooltipObj.style.visibility='hidden';
	ajax_positionTooltip(ajax_tooltip_Myo);
	ajax_tooltipObj.style.visibility='visible';
}


