function XS_msgConfirm(sContent, sJsOk, sJsCancel)
{
    XS_displayMessage(sContent, 'Confirmación', 
                                        [
                                            {id:'btnOk',     value:'Ok', icon:'Ok', onClick:sJsOk},
                                            {id:'btnCancel', value:'Cancelar', icon:'Cancel', onClick:sJsCancel}
                                        ] )        
}

function XS_msgOk(sContent, sFunOk)
{
    if(sFunOk==null)
       sFunOk = 'XS_closeMessage()';         
   
    XS_displayMessage(sContent, '', 
                                        [
                                            {value:'Ok', icon:'Ok', onClick:sFunOk}
                                        ] )        
}

function __WindowFrame(sId, sTitle, nWidth, nHeight, hContent, jButtons)
{
    if(sTitle==null)sTitle='';
    var sTable = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td ><div class="XS_WinBarra">' + sTitle + '</div></td></tr>';	
	    sTable = sTable + '<tr><td height=' + nHeight + ' class="modalDialog_message" id="' + sId + '">'+ hContent + '</td></tr>';
    if(jButtons==null) 
    {
	    var barra = divContainer.firstChild;
        var enlace = document.createElement("a");
        enlace.onclick = XS_closeMessage
        enlace.style.cursor = "pointer";
        enlace.style.display = "inline";
        enlace.style.position = "absolute";
        enlace.style.right = "4px";
        enlace.style.top = "3px";
        var boton = document.createElement("img");
        boton.setAttribute("src","/XS_Include/Img/Window/Icon_win_close.gif");
        boton.setAttribute("border","0");
        enlace.appendChild(boton);
	    barra.appendChild(enlace);
    }
    else
    {
        sTable = sTable + '<td align="center">';
        var oButton = Object.toJSON(jButtons).evalJSON();
        var sBotones = '<table width="100%" border="0"><tr>' 
        for(var nB=0;nB<oButton.length;nB++)
        {
            sBotones = sBotones + '<td align="right" width="100">' + XS_Button(oButton[nB]) + '</td>'; 
        }	   
        sBotones = sBotones + '</tr></table>'
        sTable = sTable + sBotones + '</td>';
    }    
	sTable = sTable + '</table>';
	return sTable;
}

function XS_displayMessage(sContent, sTitle, jButtons, jDimensions)
{
    var nWidth = 400;
    var nHeight = 50;
    if(jDimensions != null)
    {
        if(jDimensions.height != 'undefined' || jDimensions.height != null)
            nHeight = jDimensions.height; 
        if(jDimensions.width != 'undefined' || jDimensions.width != null)
            nWidth = jDimensions.width; 
    }
    
    var nWinWidth = nWidth + 4;
    var nWinHeight = nHeight + 70;
    if(sTitle==null)sTitle='';

    var sTable = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td ><div class="XS_WinBarra">' + sTitle + '</div></td></tr>';	
	    sTable = sTable + '<tr><td height=' + nHeight + ' class="modalDialog_message">' + sContent + '</td></tr>';
    if(jButtons==null) 
    {
	    var barra = divContainer.firstChild;
        var enlace = document.createElement("a");
        enlace.onclick = XS_closeMessage
        enlace.style.cursor = "pointer";
        enlace.style.display = "inline";
        enlace.style.position = "absolute";
        enlace.style.right = "4px";
        enlace.style.top = "3px";
        var boton = document.createElement("img");
        boton.setAttribute("src","/XS_Include/Img/Window/Icon_win_close.gif");
        boton.setAttribute("border","0");
        boton.id = "btn_cerrar";
        enlace.appendChild(boton);
	    barra.appendChild(enlace);
    }
    else
    {
        var oButton = Object.toJSON(jButtons).evalJSON();
        sBotones = '<table><tr>';
        for(var nB=0;nB<oButton.length;nB++)
        {
            sBotones = sBotones + '<td>' + XS_Button(oButton[nB]) + '</td>'; 
        }	   
        sBotones = sBotones + '</tr></table>';
        sTable = sTable + '<tr><td style="width:100%; text-align:center; padding:5px; ">' + sBotones + '</td></tr>';
    }    
	sTable = sTable + '</table>';
	var divContainer = document.createElement('div');
	divContainer.innerHTML = sTable;
	
    XS_winObj = new XS_modalMessage();	// We only create one object of this class
    XS_winObj.setShadowOffset(5);	// Large shadow
	XS_winObj.setObjectContent(divContainer.firstChild);
	XS_winObj.setSize(nWinWidth, nWinHeight);
	XS_winObj.setCssClassMessageBox(false);
	XS_winObj.setSource(false);	// no html source since we want to use a static message here.
	XS_winObj.setShadowDivVisible(true);	// Enable shadow for these boxes
	XS_winObj.display();
}

function XS_closeMessage()
{
    if(XS_winObj!=null)
	    XS_winObj.close();	
}


XS_modalMessage = function()
{
	var url;								// url of modal message
	var htmlOfModalMessage;					// html of modal message
	
	var divs_transparentDiv;				// Transparent div covering page content
	var divs_content;						// Modal message div.
	var iframe;								// Iframe used in ie
	var layoutCss;							// Name of css file;
	var width;								// Width of message box
	var height;								// Height of message box
	
	var existingBodyOverFlowStyle;			// Existing body overflow css
	var dynContentObj;						// Reference to dynamic content object
	var cssClassOfMessageBox;				// Alternative css class of message box - in case you want a different appearance on one of them
	var shadowDivVisible;					// Shadow div visible ? 
	var shadowOffset; 						// X and Y offset of shadow(pixels from content box)
	var MSIE;
		
	this.url = '';							// Default url is blank
	this.htmlOfModalMessage = '';			// Default message is blank
	this.layoutCss = 'modal-message.css';	// Default CSS file
	this.height = 200;						// Default height of modal message
	this.width = 400;						// Default width of modal message
	this.cssClassOfMessageBox = false;		// Default alternative css class for the message box
	this.shadowDivVisible = true;			// Shadow div is visible by default
	this.shadowOffset = 5;					// Default shadow offset.
	this.MSIE = false;
	if(navigator.userAgent.indexOf('MSIE')>=0) this.MSIE = true;
    
}


XS_modalMessage.prototype = 
{
	setSource : function(urlOfSource)
	{
		this.url = urlOfSource;
	}	
	,
	setHtmlContent : function(newHtmlContent)
	{
		this.htmlOfModalMessage = newHtmlContent;
	},
	setObjectContent : function(newObjContent)
	{
		this.htmlOfModalMessage = newObjContent;
	}
	,
	setSize : function(width,height)
	{
		if(width)this.width = width;
		if(height)this.height = height;		
	}
	,		
	setCssClassMessageBox : function(newCssClass)
	{
		this.cssClassOfMessageBox = newCssClass;
		if(this.divs_content){
			if(this.cssClassOfMessageBox)
				this.divs_content.className=this.cssClassOfMessageBox;
			else
				this.divs_content.className='modalDialog_contentDiv';	
		}
					
	}
	,	
	setShadowOffset : function(newShadowOffset)
	{
		this.shadowOffset = newShadowOffset
					
	}
	,	
	display : function()
	{
		if(!this.divs_transparentDiv){
			this.__createDivs();
		}	
		
		// Redisplaying divs
		this.divs_transparentDiv.style.display='block';
		this.divs_content.style.display='block';
		this.divs_shadow.style.display='block';		
		if(this.MSIE)this.iframe.style.display='block';	
		this.__resizeDivs();
		
		/* Call the __resizeDivs method twice in case the css file has changed. The first execution of this method may not catch these changes */
		window.refToThisModalBoxObj = this;		
		setTimeout('window.refToThisModalBoxObj.__resizeDivs()',150);
		
		this.__insertContent();	// Calling method which inserts content into the message div.
	}
	,
	setShadowDivVisible : function(visible)
	{
		this.shadowDivVisible = visible;
	}
	,
	close : function()
	{
		//document.documentElement.style.overflow = '';	// Setting the CSS overflow attribute of the <html> tag back to default.
		/* Hiding divs */
		this.divs_transparentDiv.style.display='none';
		this.divs_content.style.display='none';
		this.divs_shadow.style.display='none';
		if(this.MSIE)this.iframe.style.display='none';
		
	}	
	,
	addEvent : function(whichObject,eventType,functionName,suffix)
	{ 
	  if(!suffix)suffix = '';
	  if(whichObject.attachEvent){ 
	    whichObject['e'+eventType+functionName+suffix] = functionName; 
	    whichObject[eventType+functionName+suffix] = function(){whichObject['e'+eventType+functionName+suffix]( window.event );} 
	    whichObject.attachEvent( 'on'+eventType, whichObject[eventType+functionName+suffix] ); 
	  } else 
	    whichObject.addEventListener(eventType,functionName,false); 	    
	} 
	,
	__createDivs : function()
	{
		// Creating transparent div
		this.divs_transparentDiv = document.createElement('DIV');
		this.divs_transparentDiv.className='modalDialog_transparentDivs';
		this.divs_transparentDiv.style.left = '0px';
		this.divs_transparentDiv.style.top = '0px';
		
		document.body.appendChild(this.divs_transparentDiv);
		// Creating content div
		this.divs_content = document.createElement('DIV');
		this.divs_content.className = 'modalDialog_contentDiv';
		this.divs_content.id = 'XS_modalBox_contentDiv';
		this.divs_content.style.zIndex = 100000;
		
		if(this.MSIE){
			this.iframe = document.createElement('<IFRAME src="about:blank" frameborder=0>');
			this.iframe.style.zIndex = 90000;
			this.iframe.style.position = 'absolute';
			document.body.appendChild(this.iframe);	
		}
			
		document.body.appendChild(this.divs_content);
		// Creating shadow div
		this.divs_shadow = document.createElement('DIV');
		this.divs_shadow.className = 'modalDialog_contentDiv_shadow';
		this.divs_shadow.style.zIndex = 95000;
		document.body.appendChild(this.divs_shadow);
		window.refToModMessage = this;
		this.addEvent(window,'scroll',function(e){ window.refToModMessage.__repositionTransparentDiv() });
		this.addEvent(window,'resize',function(e){ window.refToModMessage.__repositionTransparentDiv() });
	}
	,
	__getBrowserSize : function()
	{
    	var bodyWidth = document.documentElement.clientWidth;
    	var bodyHeight = document.documentElement.clientHeight;
    	
		var bodyWidth, bodyHeight; 
		if (self.innerHeight){ // all except Explorer 
		 
		   bodyWidth = self.innerWidth; 
		   bodyHeight = self.innerHeight; 
		}  else if (document.documentElement && document.documentElement.clientHeight) {
		   // Explorer 6 Strict Mode 		 
		   bodyWidth = document.documentElement.clientWidth; 
		   bodyHeight = document.documentElement.clientHeight; 
		} else if (document.body) {// other Explorers 		 
		   bodyWidth = document.body.clientWidth; 
		   bodyHeight = document.body.clientHeight; 
		} 
		return [bodyWidth,bodyHeight];		
		
	}
	,
    __resizeDivs : function()
    {
    	
    	var topOffset = Math.max(document.body.scrollTop,document.documentElement.scrollTop);

		if(this.cssClassOfMessageBox)
			this.divs_content.className=this.cssClassOfMessageBox;
		else
			this.divs_content.className='modalDialog_contentDiv';	
			    	
    	if(!this.divs_transparentDiv)return;
    	
    	// Preserve scroll position
    	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    	var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
    	
    	window.scrollTo(sl,st);
    	setTimeout('window.scrollTo(' + sl + ',' + st + ');',10);

    	this.__repositionTransparentDiv();
    	
		var brSize = this.__getBrowserSize();
		var bodyWidth = brSize[0];
		var bodyHeight = brSize[1];
    	
    	// Setting width and height of content div
      	this.divs_content.style.width = this.width + 'px';
    	this.divs_content.style.height= this.height + 'px';  	
    	
    	// Creating temporary width variables since the actual width of the content div could be larger than this.width and this.height(i.e. padding and border)
    	var tmpWidth = this.divs_content.offsetWidth;	
    	var tmpHeight = this.divs_content.offsetHeight;
    	
    	
    	// Setting width and height of left transparent div
    	this.divs_content.style.left = Math.ceil((bodyWidth - tmpWidth) / 2) + 'px';;
    	this.divs_content.style.top = (Math.ceil((bodyHeight - tmpHeight) / 2) +  topOffset) + 'px';
    	
 		if(this.MSIE){
 			this.iframe.style.left = this.divs_content.style.left;
 			this.iframe.style.top = this.divs_content.style.top;
 			this.iframe.style.width = this.divs_content.style.width;
 			this.iframe.style.height = this.divs_content.style.height;
 		}
 		
    	this.divs_shadow.style.left = (this.divs_content.style.left.replace('px','')/1 + this.shadowOffset) + 'px';
    	this.divs_shadow.style.top = (this.divs_content.style.top.replace('px','')/1 + this.shadowOffset) + 'px';
    	this.divs_shadow.style.height = tmpHeight + 'px';
    	this.divs_shadow.style.width = tmpWidth + 'px';
    	if(!this.shadowDivVisible)this.divs_shadow.style.display='none';	// Hiding shadow if it has been disabled
    }
    ,
    __repositionTransparentDiv : function()
    {
    	this.divs_transparentDiv.style.top = Math.max(document.body.scrollTop,document.documentElement.scrollTop) + 'px';
    	this.divs_transparentDiv.style.left = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) + 'px';
		var brSize = this.__getBrowserSize();
		var bodyWidth = brSize[0];
		var bodyHeight = brSize[1];
    	this.divs_transparentDiv.style.width = bodyWidth + 'px';
    	this.divs_transparentDiv.style.height = bodyHeight + 'px';		
    }
	,
    __insertContent : function()
    {
		if(this.url){	// url specified - load content dynamically
			ajax_loadContent('XS_modalBox_contentDiv',this.url);
		}else{	// no url set, put static content inside the message box
		    if(typeof(this.htmlOfModalMessage) == 'string')
			    this.divs_content.innerHTML = this.htmlOfModalMessage
			else
			    this.divs_content.appendChild(this.htmlOfModalMessage);
		}
    }		
}