﻿// JScript File FaqBoxes
function showHideDiv(divId)
{
    //determine how far we have scrolled;
    var scrolledX, scrolledY;
    if( self.pageYOffset )
    {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    }
    else if(document.documentElement && document.documentElement.scrollTop )
    {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    }
    else if(document.body)
    {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    } 	
    var centerX, centerY;
    if(self.innerHeight)
    {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    }
    else if(document.documentElement && document.documentElement.clientHeight)
    {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } 
    else if(document.body)
    {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }
    //end of determine coordinates
    
    if(document.getElementById(divId))
    {    
        if(document.getElementById(divId).style.display == 'block')
        {
            document.getElementById(divId).style.display = 'none';
            document.getElementById((divId + 'Second')).style.display = 'none';
        }
        else
        {
            document.getElementById(divId).style.width = centerX + 'px';
            document.getElementById(divId).style.height = (centerY + scrolledY) + 'px';
            document.getElementById(divId).style.display = 'block';        
            document.getElementById((divId + 'Second')).style.left = scrolledX + (centerX - 600)/2 + 'px';
            document.getElementById((divId + 'Second')).style.top = scrolledY + (centerY - 400)/2 + 'px'; 
            document.getElementById((divId + 'Second')).style.display = 'block'; 
            if(navigator.appName == 'Microsoft Internet Explorer')
            {
                document.getElementById(divId).style.position = 'absolute';
                document.getElementById(divId).style.filter = 'alpha(opacity=50)';
            }
            else
            {
	            document.getElementById(divId).style.position= 'fixed';
	            document.getElementById(divId).style.opacity = 0.5;                
            } 

        }  
    }         
}


function createDivTest(faqId, faqTitleId, faqTextId)
{
    //determine how far we have scrolled;
    var scrolledX, scrolledY;
    if( self.pageYOffset )
    {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    }
    else if(document.documentElement && document.documentElement.scrollTop )
    {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    }
    else if(document.body)
    {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    } 	
    var centerX, centerY;
    if(self.innerHeight)
    {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    }
    else if(document.documentElement && document.documentElement.clientHeight)
    {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } 
    else if(document.body)
    {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }
    //end of determine coordinates
    if(document.getElementById(faqId))
    {        
        document.getElementById(faqId).style.width = centerX + 'px';
        document.getElementById(faqId).style.height = (centerY + scrolledY) + 'px';
        document.getElementById(faqId).style.display = 'block';        
        document.getElementById((faqId + 'Second')).style.left = scrolledX + (centerX - 600)/2 + 'px';
        document.getElementById((faqId + 'Second')).style.top = scrolledY + (centerY - 400)/2 + 'px'; 
        document.getElementById((faqId + 'Second')).style.display = 'block';   
        document.body.scroll = "no";    			        
    }
    else
    {
        document.body.scroll = "no"; 
        var faqWrapper = document.createElement("div");
        faqWrapper.setAttribute('id', 'faqWrapper');
        var faqDiv = document.createElement("div");
        faqDiv.id = faqId;
        //set the x and y coordinates to start with the background
        faqDiv.style.width = centerX + 'px';
        faqDiv.style.height = (centerY + scrolledY) + 'px'; 
        //set the background of the background
        faqDiv.style.backgroundColor='#000';
        //how will the div be displayed?
        if(navigator.appName == 'Microsoft Internet Explorer')
        {
            faqDiv.style.position = 'absolute';
        }
        else
        {
	        faqDiv.style.position= 'fixed';                
        }
        // set the opaicty, overflow and starting coordinates
	    faqDiv.style.opacity = 0.5;
	    faqDiv.style.filter = 'alpha(opacity=50)';
	    faqDiv.style.overflow = 'hidden';
        faqDiv.style.left = '0px';
        faqDiv.style.top = '0px';
        faqDiv.style.display = 'block'; 
        faqDiv.onclick = function(){ document.getElementById(faqId).style.display = 'none'; document.getElementById((faqId + 'Second')).style.display='none'; document.body.scroll = "yes"; };                                
        var faqDivSecond = document.createElement("div");
        faqDivSecond.id = faqId + 'Second';
        faqDivSecond.style.position= 'absolute';
        faqDivSecond.style.backgroundColor = '#fff';                
        faqDivSecond.style.left = scrolledX + (centerX - 600)/2 + 'px';
        faqDivSecond.style.top = scrolledY + (centerY - 400)/2 + 'px';
	    faqDivSecond.style.opacity = 1.0;
	    faqDivSecond.style.filter = 'alpha(opacity=100)';
	    faqDivSecond.style.display = 'block';
        faqDivSecond.onclick = function(){ document.getElementById(faqId).style.display = 'none'; document.getElementById((faqId + 'Second')).style.display='none'; document.body.scroll = "yes"; };                               
        /*create the table*/
        var table = document.createElement("table");
        table.className = 'DM_TABLECONTENT';
        table.cellSpacing = '0';
        table.width = '600px';
        var tbody = document.createElement("tbody");
        var tr = document.createElement("tr");
        var td = document.createElement("td");
        td.setAttribute("align", 'center');
        td.className = 'boxheader';
        td.style.width = '580px';                                                                                      
        var text = document.createTextNode(faqTitleId);                      
        td.appendChild(text);                    
        tr.appendChild(td);
        var tdImage = document.createElement("td");
        tdImage.className = 'boxheader';
        tdImage.align = 'center';
        tdImage.innerHTML = '<img width="12" height="12" src="/images/button-restore.gif" />'
        tr.appendChild(tdImage);                
        tbody.appendChild(tr);                    
        var trTwo = document.createElement("tr");
        var tdTwo = document.createElement("td");
        tdTwo.colSpan = '2';
        tdTwo.style.padding = '10px';                    
        var p = document.createElement("p");                  
        p.innerHTML = faqTextId;
        tdTwo.appendChild(p);
        trTwo.appendChild(tdTwo);
        tbody.appendChild(trTwo);
        table.appendChild(tbody);
        faqDivSecond.appendChild(table);
        faqWrapper.appendChild(faqDiv);
        faqWrapper.appendChild(faqDivSecond);                    
        document.body.appendChild(faqWrapper);
    }  			    
}

