// Popup code
var gPopupMask = null;
var gPopupContainer = null;
var gPopFrame = null;
var gReturnFunc;
var gPopupIsShown = false;
var gTitle = "" ;
//var gDefaultPath = (pathSite=='BE')? "../../":"";

    var paths =location.pathname ;
    var arrp = paths.split("/") ;
    var lensp = arrp.length - 1 ;
    if (location.host.indexOf('localhost') > -1 )
    {  lensp-- ;  }
    var str = "" ;
    for (var ips = 1; ips < lensp ; ips++ )
    {  str += "../" ;  }

    //str += 'Modal/popup/' ;
    //imgpth = str ;
var gDefaultPath = str ;
var imgBorder = gDefaultPath+'Modal/popup/' ;
var gDefaultPage = gDefaultPath+"Modal/loading.html";
var imgClose = gDefaultPath+"Modal/close.gif" ;

var gHideSelects = false;
var gReturnVal = null;
var gHeight = 500;
var gWidth = 700;
var gTabIndexes = new Array();
// Pre-defined list of tags we want to disable/enable tabbing into
var gTabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME");	

// If using Mozilla or Firefox, use Tab-key trap.
if (!document.all) {
	document.onkeypress = keyDownHandler;
}



/**
 * Initializes popup code on load.	
 */
function initPopUp() {
    // check to see if this is IE version 6 or lower. hide select boxes if so
	// maybe they'll fix this in version 7?
	var brsVersion = parseInt(window.navigator.appVersion.charAt(0), 10);
	//alert('brsVersion = ' + brsVersion);
	if (brsVersion <= 6 && window.navigator.userAgent.indexOf("MSIE") > -1) {
		gHideSelects = true;
	}
	
	//check path for find folder image border - can used without path reference 
	// Add the HTML to the body
	theBody = document.getElementsByTagName('BODY')[0];
	popmask = document.createElement('div');
	popmask.id = 'popupMask';
	popcont = document.createElement('div');
	popcont.id = 'popupContainer';
	var contHTML = ""
	 contHTML = '' +	   
	   '<div id="popupInner">'+ 
	   
	   '<div style="background:url('+imgBorder+'BG-frame-L02.png) no-repeat left top; height:15px; display:block ">'+
	    '<div style=" margin-left:15px; background:url('+imgBorder+'BG-frame-R02.png) no-repeat right top ; height:15px;">' +
	    '<div style="margin-right:15px; background:url('+imgBorder+'BG-frame-O01.jpg) repeat-x center top; height:15px;"><img src="'+imgBorder+'BG-frame-O01.jpg" alt=""/></div></div></div>' + 
	    	   
	   '<div style="background:url('+imgBorder+'BG-frame-L03.jpg) repeat-y left;">' + 
	   '<div style="background:url('+imgBorder+'BG-frame-R03.jpg) repeat-y right; padding:0 15px 0 15px;"><div style="background-color:#FEFFFF;">' + 
			'<div id="popupTitleBar" style="width:100%; height:25px; background:url('+imgBorder+'BG-frame-D01.jpg) repeat-x center bottom;">' +
				'<div id="popupTitle" style="min-height:22px; font-size:12px; vertical-align:bottom;"></div>' +
				'<div id="popupControls" style="vertical-align:top;">' +
				    '<a id="popCloseBox" onclick="javascript:hidePopWin(false);"><img  src="'+gDefaultPath+'images/closelabel.gif"  alt="close" /></a>' +
				'</div>' +
			'</div>' +			
			'<iframe src="'+ gDefaultPage +'" style="width:100%; height:96%; background-color:transparent; overflow-x: hidden;" scrolling="yes" frameborder="0" allowtransparency="true" id="popupFrame" name="popupFrame"></iframe></div>' +			
	   '</div></div>'   
	
	   contHTML += '<div style="background:url('+imgBorder+'BG-frame-L01.png) no-repeat left top; height:15px; text-align:center; position:relative; display:block;" id="popupBorderBottomLeft" valign="top">'
	   
	   contHTML +='<div style=" margin-left:15px; background:url('+imgBorder+'BG-frame-R01.png) no-repeat right top ; height:15px;" id="popupBorderBottomCenter">' +
	   '<div style=" margin-right:15px; background:url('+imgBorder+'BG-frame-D01.jpg) repeat-x center top; height:15px; " id="popupBorderBottomRight"><img src="'+gDefaultPath+'images/Blank.GIF" border="0" height="15"></div></div></div>'	+
	   '</div>' ;
	 
	popcont.innerHTML =contHTML
	 
	theBody.appendChild(popmask);
	theBody.appendChild(popcont);
	
	gPopupMask = document.getElementById("popupMask");
	gPopupContainer = document.getElementById("popupContainer");
	gPopFrame = document.getElementById("popupFrame");	
	gTitle = document.getElementById("popupTitle");
	
	
	
	// Add onclick handlers to 'a' elements of class submodal or submodal-width-height
	var elms = document.getElementsByTagName('a');
	for (i = 0; i < elms.length; i++) {
		if (elms[i].className.indexOf("submodal") == 0) { 
			// var onclick = 'function (){showPopWin(\''+elms[i].href+'\','+width+', '+height+', null);return false;};';
			// elms[i].onclick = eval(onclick);
			elms[i].onclick = function(){
				// default width and height
				var width = 400;
				var height = 200;
				// Parse out optional width and height from className
				params = this.className.split('-');
				if (params.length == 3) {
					width = parseInt(params[1]);
					height = parseInt(params[2]);
				}
				showPopWin(this.href,width,height,null); return false;
			}
		}
	}
}
addEvent(window, "load", initPopUp);

 /**
	* @argument width - int in pixels
	* @argument height - int in pixels
	* @argument url - url to display
	* @argument returnFunc - function to call when returning true from the window.
	* @argument showCloseBox - show the close box - default true
	* @argument showTitle - show the title box - default true
	* @argument loadpage - reload parent page or not - default false
	*/

function showPopWin(url, width, height, returnFunc, showCloseBox, showTitle,loadpage) {
	// show or hide the window close widget
	
	url = url.toLowerCase() ;
	if (url.indexOf("code=l") != -1)
	{ height = 365 ; }
	else if (url.indexOf('code=r') != -1)
	{ height = 315 ; }
	
	if (showCloseBox == null || showCloseBox == true) {
		document.getElementById("popCloseBox").style.display = "block";
	} else {
		document.getElementById("popCloseBox").style.display = "none";
	}

	document.getElementById("popCloseBox").href= "javascript:hidePopWin(false,'"+ loadpage +"');" ;

		
	gPopupIsShown = true;
	disableTabIndexes();
	gPopupMask.style.display = "block";
	gPopupContainer.style.display = "block";
	gPopupMask.style.filter="alpha(opacity=60)";
	gPopupMask.style.opacity=(60/100);
	gPopupMask.style.MozOpacity=(60/100);
	gPopupMask.style.KhtmlOpacity=(60/100);
		
	// calculate where to place the window on screen
	centerPopWin(width, height);
	
	var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10);


	gPopupContainer.style.width = (width) + "px";
	gPopupContainer.style.height = (height+titleBarHeight) + "px";
	
	document.getElementById("popupBorderBottomCenter").style.width = (width-15)+"px";
	
	setMaskSize();

	// need to set the width of the iframe to the title bar width because of the dropshadow
	// some oddness was occuring and causing the frame to poke outside the border in IE6
	gPopFrame.style.width = parseInt(document.getElementById("popupTitleBar").offsetWidth, 10) + "px";
	gPopFrame.style.height = height  + "px";
	
	// set the url
	gPopFrame.src = url;
	
	gReturnFunc = returnFunc;
	// for IE
	if (gHideSelects == true) {
		hideSelectBoxes();
	}

	if ((showTitle == null || showTitle == false) && !(showCloseBox == null || showCloseBox == true)) {
		document.getElementById("popupTitleBar").style.display = "none";
	} else {
	
		gTitle.innerHTML= showTitle ;
		window.frames["popupFrame"].document.title = showTitle;
	}

	//window.setTimeout("setPopTitle();", 600);
}

//
var gi = 0;
function centerPopWin(width, height) {
	if (gPopupIsShown == true) {
		if (width == null || isNaN(width)) {
			width = gPopupContainer.offsetWidth;
		}
		if (height == null) {
			height = gPopupContainer.offsetHeight;
		}
		
		//var theBody = document.getElementsByTagName("BODY")[0];
		//alert('theBody.scrollWidth = ' + theBody.scrollWidth + ' /width = ' + width + ' / height = '+ height + ' / gPopupContainer.offsetWidth = ' + gPopupContainer.offsetWidth + ' / gPopupContainer.offsetHeight = ' + gPopupContainer.offsetHeight);
		
		//var theBody = document.documentElement;
		var theBody = document.getElementsByTagName("BODY")[0];
		//theBody.style.overflow = "hidden";
		var scTop = parseInt(getScrollTop(),10);
		var scLeft = parseInt(theBody.scrollLeft,10);
		
		setMaskSize();

		//window.status = gPopupMask.style.top + " " + gPopupMask.style.left + " " + gi++;
		
		var titleBarHeight = parseInt(document.getElementById("popupTitleBar").offsetHeight, 10);
		
		var fullHeight = getViewportHeight();
		var fullWidth = getViewportWidth() - DetectBrowserWidth();

		gPopupContainer.style.top = (scTop + ((fullHeight - (height+titleBarHeight)) / 2)) + "px";
		gPopupContainer.style.left =  (scLeft + ((fullWidth - width) / 2)) + "px";
		//alert((scLeft + ((fullWidth - width) / 2)) + ' /scLeft = '+ scLeft + ' fullWidth=' + fullWidth + ' /width =' + width);
	}
}
addEvent(window, "resize", centerPopWin);
//addEvent(window, "scroll", centerPopWin); /* IE8 Has Problem Width And Height Value Is Lost */
window.onscroll = centerPopWin;

/*
 * Sets the size of the popup mask.
 */
function setMaskSize() {
	var theBody = document.getElementsByTagName("BODY")[0];
			
	var fullHeight = getViewportHeight();
	var fullWidth = getViewportWidth();
	
	// Determine what's bigger, scrollHeight or fullHeight / width
	if (fullHeight > theBody.scrollHeight) {
		popHeight = fullHeight;
	} else {
		popHeight = theBody.scrollHeight;
	}
	
	if (fullWidth > theBody.scrollWidth) {
		popWidth = fullWidth;
	} else {
		popWidth = theBody.scrollWidth;
	}
	
	popWidth = popWidth - DetectBrowserWidth();
	 
	gPopupMask.style.height = popHeight + "px";
	gPopupMask.style.width = popWidth + "px";
}

/*
 * @argument callReturnFunc - bool - determines if we call the return function specified
 * @argument returnVal - anything - return value 
 */
function hidePopWin(callReturnFunc , loadpage) {
	gPopupIsShown = false;
	var theBody = document.getElementsByTagName("BODY")[0];
	theBody.style.overflow = "";
	restoreTabIndexes();
	if (gPopupMask == null) {
		return;
	}
	gPopupMask.style.display = "none";
	gPopupContainer.style.display = "none";
	if (callReturnFunc == true && gReturnFunc != null) {
		// Set the return code to run in a timeout.
		// Was having issues using with an Ajax.Request();
		gReturnVal = window.frames["popupFrame"].returnVal;
		window.setTimeout('gReturnFunc(gReturnVal);', 1);
	}
	gPopFrame.src = gDefaultPage;
	// display all select boxes
	if (gHideSelects == true) {
		displaySelectBoxes();
	}
	
	if (loadpage == "1")
	{ parent.window.location.reload();  } 
}

/*
 * Sets the popup title based on the title of the html document it contains.
 * Uses a timeout to keep checking until the title is valid.
 */
function setPopTitle() {
	//return;
	if (window.frames["popupFrame"].document.title == null) {
		window.setTimeout("setPopTitle();", 10);
	} else {
		document.getElementById("popupTitle").innerHTML = window.frames["popupFrame"].document.title;
	}
}

// Tab key trap. iff popup is shown and key was [TAB], suppress it.
// @argument e - event - keyboard event that caused this function to be called.
function keyDownHandler(e) {
    if (gPopupIsShown && e.keyCode == 9)  return false;
}

// For IE.  Go through predefined tags and disable tabbing into them.
function disableTabIndexes() {
	if (document.all) {
		var i = 0;
		for (var j = 0; j < gTabbableTags.length; j++) {
			var tagElements = document.getElementsByTagName(gTabbableTags[j]);
			for (var k = 0 ; k < tagElements.length; k++) {
				gTabIndexes[i] = tagElements[k].tabIndex;
				tagElements[k].tabIndex="-1";
				i++;
			}
		}
	}
}

// For IE. Restore tab-indexes.
function restoreTabIndexes() {
	if (document.all) {
		var i = 0;
		for (var j = 0; j < gTabbableTags.length; j++) {
			var tagElements = document.getElementsByTagName(gTabbableTags[j]);
			for (var k = 0 ; k < tagElements.length; k++) {
				tagElements[k].tabIndex = gTabIndexes[i];
				tagElements[k].tabEnabled = true;
				i++;
			}
		}
	}
}

/*
 * Hides all drop down form select boxes on the screen so they do not appear above the mask layer.
 * IE has a problem with wanted select form tags to always be the topmost z-index or layer
 *
 * Thanks for the code Scott!
 */
function hideSelectBoxes() {
	for(var i = 0; i < document.forms.length; i++) {
		for(var e = 0; e < document.forms[i].length; e++){
			if(document.forms[i].elements[e].tagName == "SELECT") {
				document.forms[i].elements[e].style.visibility="hidden";
			}
		}
	}
}

/*
 * Makes all drop down form select boxes on the screen visible so they do not reappear after the dialog is closed.
 * IE has a problem with wanted select form tags to always be the topmost z-index or layer
 */
function displaySelectBoxes() {
	for(var i = 0; i < document.forms.length; i++) {
		for(var e = 0; e < document.forms[i].length; e++){
			if(document.forms[i].elements[e].tagName == "SELECT") {
			document.forms[i].elements[e].style.visibility="visible";
			}
		}
	}
}

/*
 * Author: KOM
 * Check Browser Width Prevent Scrollbar Bottom Window
 * Found Problem In FireFox And IE8(Doc Mode 8)
 */
function DetectBrowserWidth(){
    var DecreaseSize = 0; //For IE6,7 AND 8(Doc Mode 7)
    var BrowserInfo = IEVersion();
    var Versions = parseInt(BrowserInfo.Version);
    if(BrowserInfo.IsIEBrowser){
        if(Versions=='8' && BrowserInfo.DocMode=='8'){ DecreaseSize = 23 }
    }else{
        DecreaseSize = 17
    }

    return DecreaseSize;
}

/*
 * Author: Rob Reid
 * CreateDate: 20-Mar-09
 * Description: Little helper function to return details about IE 8 and its various compatibility settings either use as it is
 * or incorporate into a browser object. Remember browser sniffing is not the best way to detect user-settings as spoofing is
 * very common so use with caution.
*/
function IEVersion(){
	var _n=navigator,_w=window,_d=document;
	var version="NA";
	var na=_n.userAgent;
	var ieDocMode="NA";
	var ie8BrowserMode="NA";
	var IsIE = false;
	// Look for msie and make sure its not opera in disguise
	if(/msie/i.test(na) && (!_w.opera)){
		// also check for spoofers by checking known IE objects
		if(_w.attachEvent && _w.ActiveXObject){		
		    // Is IE Browser
		    IsIE = true;
			// Get version displayed in UA although if its IE 8 running in 7 or compat mode it will appear as 7
			version = (na.match( /.+ie\s([\d.]+)/i ) || [])[1];
			// Its IE 8 pretending to be IE 7 or in compat mode		
			if(parseInt(version)==7){				
				// documentMode is only supported in IE 8 so we know if its here its really IE 8
				if(_d.documentMode){
					//version = 8; //reset? change if you need to
					// IE in Compat mode will mention Trident in the useragent
					if(/trident\/\d/i.test(na)){
						ie8BrowserMode = "Compat Mode";
					// if it doesn't then its running in IE 7 mode
					}else{
						ie8BrowserMode = "IE 7 Mode";
					}
				}
			}else if(parseInt(version)==8){
				// IE 8 will always have documentMode available
				if(_d.documentMode){ ie8BrowserMode = "IE 8 Mode";}
			}
			// If we are in IE 8 (any mode) or previous versions of IE we check for the documentMode or compatMode for pre 8 versions			
			ieDocMode = (_d.documentMode) ? _d.documentMode : (_d.compatMode && _d.compatMode=="CSS1Compat") ? 7 : 5;//default to quirks mode IE5				   			
		}
	}

    // return by JSON pattern
	return {
	    "IsIEBrowser" : IsIE,
		"UserAgent" : na,
		"Version" : version,
		"BrowserMode" : ie8BrowserMode,
		"DocMode": ieDocMode
	}	
}