//SHOW HIDE//
        //Function for plus and minus//    
		function ShowHideGroupDiv(img, DivID)
		{
			//var images = Button.getElementsByTagName("img");
			var img = document.getElementById(img);
			//THE IMAGE PARENT BEING PASSED IN IS THE TABLE-CELL THAT HOLDS THE ACTUAL IMAGE
			//if (images.length > 0)
			//{
			//    img = images[0];    
			//}        
			if (document.getElementById(DivID).style.display == "none")
			{
				if (img != null) img.src = "../../images/list_collapse.gif";
			}
			else
			{        
				if (img != null) img.src = "../../images/list_expand.gif";
			}    
			AccordionShowHideDiv(document.getElementById(DivID), 300);
		}
		//Function for arrows//
			function ShowHideGroupDivArrow(img, DivID)
		{
			//var images = Button.getElementsByTagName("img");
			var img = document.getElementById(img);
			//THE IMAGE PARENT BEING PASSED IN IS THE TABLE-CELL THAT HOLDS THE ACTUAL IMAGE
			//if (images.length > 0)
			//{
			//    img = images[0];    
			//}        
			if (document.getElementById(DivID).style.display == "none")
			{
				if (img != null) img.src = "../images/icon_arrowUp.png";
			}
			else
			{        
				if (img != null) img.src = "../images/icon_arrowDwn.png";
			}    
			AccordionShowHideDiv(document.getElementById(DivID), 300);
		}
		
		function AccordionShowHideDiv(DivObject, TimeToSlide)
		{
			var bIsClosing = !(DivObject.style.display == "none");
			var iContentHeight;
			if (bIsClosing)
			{
				iContentHeight = (DivObject.style.height != "" && DivObject.style.height != "0px" ? DivObject.style.height.replace("px", "") : (DivObject.clientHeight ? DivObject.clientHeight : DivObject.offsetHeight));
				DivObject.setAttribute("OldHeight", iContentHeight);
				DivObject.setAttribute("OldOverflow", DivObject.style.overflow);
				DivObject.style.overflow = "hidden";
			}
			else
			{        
				DivObject.style.display = "block";        
				iContentHeight = DivObject.getAttribute("OldHeight");
			}
			window.setTimeout("AccordionSlide(" + new Date().getTime() + "," + TimeToSlide + ",'" + DivObject.id + "'," + iContentHeight + "," + bIsClosing + "," + TimeToSlide + ")", 33); 
		}

		function AccordionSlide(LastTime, TimeLeft, DivID, ContentHeight, IsClosing, TimeToSlide)
		{ 
			var dtCurrentTime = new Date().getTime();
			var iElapsedTicks = dtCurrentTime - LastTime;
			var div = document.getElementById(DivID);
			if(TimeLeft <= iElapsedTicks)
			{ 
				if (IsClosing)
				{
					div.style.display = "none";
				}
				else
				{
					if (div.getAttribute("OldOverflow") != null) div.style.overflow = div.getAttribute("OldOverflow");
					div.style.height = ContentHeight + "px";            
				}
				div.setAttribute("IsMoving", "false");
				return;
			}

			TimeLeft -= iElapsedTicks;
			var iNewClosedHeight = Math.round((TimeLeft/TimeToSlide) * ContentHeight);
			if(div != null)
			{       
				div.style.height = (IsClosing ? (iNewClosedHeight) : (ContentHeight - iNewClosedHeight)) + 'px';
			}
			window.setTimeout("AccordionSlide(" + dtCurrentTime + "," + TimeLeft + ",'" + DivID + "'," + ContentHeight + "," + IsClosing + "," + TimeToSlide + ")", 33);
		}

//POP UP//


 //OPENS & CLOSES DIVS BASED ON ID//
 
 function OpenDiv(obj) {
            ShowBackgroundDiv()
            ShowNav(obj);

         }


   function CloseDiv(obj){
            HideBackgroundDiv()
            document.getElementById(obj).style.display = "none";
         }

// Center Div on Screen  
function CenterDiv(DivObject)
{
    //POSITION IN CENTER OF SCREEN
    var iLeft, iTop, iTotalWidth, iTotalHeight, iScrollOffsetX, iScrollOffsetY; 

    iTotalWidth = (window.opera ? window.innerWidth : document.documentElement.clientWidth);  
    iTotalHeight = (window.opera ? window.innerHeight : document.documentElement.clientHeight);    
    iScrollOffsetX = document.documentElement.scrollLeft;
    iScrollOffsetY = document.documentElement.scrollTop;    

    DivObject.style.display = "block";

    iLeft = (iTotalWidth / 2) + iScrollOffsetX - (DivObject.clientWidth / 2);
    iTop = (iTotalHeight / 2) + iScrollOffsetY - (DivObject.clientHeight / 2);       

    DivObject.style.left = iLeft + "px"; 
    DivObject.style.top = iTop + "px";          
}

function ParentCenterDiv(DivObject)
{
    //POSITION IN CENTER OF SCREEN
    var iLeft, iTop, iTotalWidth, iTotalHeight, iScrollOffsetX, iScrollOffsetY; 

    iTotalWidth = (parent.window.opera ? parent.window.innerWidth : parent.document.documentElement.clientWidth);  
    iTotalHeight = (parent.window.opera ? parent.window.innerHeight : parent.document.documentElement.clientHeight);    
    iScrollOffsetX = parent.document.documentElement.scrollLeft;
    iScrollOffsetY = parent.document.documentElement.scrollTop;    

    DivObject.style.display = "block";

    iLeft = (iTotalWidth / 2) + iScrollOffsetX - (DivObject.clientWidth / 2);
    iTop = (iTotalHeight / 2) + iScrollOffsetY - (DivObject.clientHeight / 2);       

    DivObject.style.left = iLeft + "px"; 
    DivObject.style.top = iTop + "px";          
}

// Creates Dim Black Background Div
function ShowBackgroundDiv()
{
    var divBackground = document.getElementById("_divBackground");
    var ifBackground = document.getElementById("_ifBackground");
    var iScrollOffsetX = (window.opera ? 0 : document.documentElement.scrollLeft);
    var iScrollOffsetY = (window.opera ? 0 : document.documentElement.scrollTop); 

    if (divBackground == null)
    {
        divBackground = document.createElement('DIV');
        divBackground.id = '_divBackground';    
        divBackground.style.zIndex = 100000;
        divBackground.style.backgroundColor = "#AAAAAA";
        divBackground.style.opacity = 0.5;
        divBackground.style.filter = "alpha(opacity=50)";
        divBackground.style.position = "absolute";
        document.body.appendChild(divBackground);
    }

    if (document.all && !window.opera && ifBackground == null)
    {
        ifBackground = document.createElement('IFRAME');
        ifBackground.id = '_ifBackground';    
        ifBackground.style.zIndex = 99999;
        ifBackground.style.backgroundColor = "#AAAAAA";
        ifBackground.style.opacity = 0.5;
        ifBackground.style.filter = "alpha(opacity=50)";
        ifBackground.style.position = "absolute"; 
        document.body.appendChild(ifBackground);      
    }
    
    divBackground.style.width = (document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.width) + "px";
    divBackground.style.height = ReturnMaxHeight() + "px";
    divBackground.style.left = iScrollOffsetX + "px";
    divBackground.style.top = "0px";
    divBackground.style.overflow = "hidden";
    divBackground.style.display = "block";  
    

    if (ifBackground != null)
    {
        ifBackground.style.width = (document.width ? document.width : document.documentElement.clientWidth) + "px";
        ifBackground.style.height = (document.height ? document.height : document.documentElement.clientHeight) + "px";    
        ifBackground.style.left = iScrollOffsetX + "px";
        ifBackground.style.top = iScrollOffsetY + "px";    
        ifBackground.style.display = "block";  
    }
}

// Creates Dim Black Background Div
function ParentShowBackgroundDiv()
{
    var divBackground = parent.document.getElementById("_divBackground");
    var ifBackground = parent.document.getElementById("_ifBackground");
    var iScrollOffsetX = (window.opera ? 0 : parent.document.documentElement.scrollLeft);
    var iScrollOffsetY = (window.opera ? 0 : parent.document.documentElement.scrollTop); 

    if (divBackground == null)
    {
        divBackground = parent.document.createElement('DIV');
        divBackground.id = '_divBackground';    
        divBackground.style.zIndex = 100000;
        divBackground.style.backgroundColor = "#AAAAAA";
        divBackground.style.opacity = 0.5;
        divBackground.style.filter = "alpha(opacity=50)";
        divBackground.style.position = "absolute";
        parent.document.body.appendChild(divBackground);
    }

    if (document.all && !window.opera && ifBackground == null)
    {
        ifBackground = parent.document.createElement('IFRAME');
        ifBackground.id = '_ifBackground';    
        ifBackground.style.zIndex = 99999;
        ifBackground.style.backgroundColor = "#AAAAAA";
        ifBackground.style.opacity = 0.5;
        ifBackground.style.filter = "alpha(opacity=50)";
        ifBackground.style.position = "absolute"; 
        parent.document.body.appendChild(ifBackground);      
    }
    
    divBackground.style.width = (parent.document.documentElement.scrollWidth ? parent.document.documentElement.scrollWidth : parent.document.width) + "px";
    divBackground.style.height = ParentReturnMaxHeight() + "px";
    divBackground.style.left = iScrollOffsetX + "px";
    divBackground.style.top = "0px";
    divBackground.style.overflow = "hidden";
    divBackground.style.display = "block";  
    

    if (ifBackground != null)
    {
        ifBackground.style.width = (parent.document.width ? parent.document.width : parent.document.documentElement.clientWidth) + "px";
        ifBackground.style.height = (parent.document.height ? parent.document.height : parent.document.documentElement.clientHeight) + "px";    
        ifBackground.style.left = iScrollOffsetX + "px";
        ifBackground.style.top = iScrollOffsetY + "px";    
        ifBackground.style.display = "block";  
    }
}

// Finds The Maximum Height of Screen
function ReturnMaxHeight()
{
    var iReturn = document.documentElement.scrollHeight;

    if (document.documentElement.clientHeight > iReturn) iReturn = document.documentElement.clientHeight;
    if (document.documentElement.height > iReturn) iReturn = document.documentElement.height;
    if (document.height > iReturn) iReturn = document.height;
    if (document.body.clientHeight > iReturn) iReturn = document.body.clientHeight;
    if (window.innerHeight > iReturn) iReturn = window.innerHeight;
    
    if (document.documentElement.scrollHeight > document.documentElement.clientHeight) iReturn = document.documentElement.clientHeight;
    
    return (iReturn > 2000 ? 2000 : iReturn);  //CAP THE HEIGHT AT 2000, OTHERWISE IE ALLOCATES A LOT OF MEMORY FOR THE DIV
}

// Finds The Maximum Height of Screen
function ParentReturnMaxHeight()
{
    var iReturn = parent.document.documentElement.scrollHeight;

    if (parent.document.documentElement.clientHeight > iReturn) iReturn = parent.document.documentElement.clientHeight;
    if (parent.document.documentElement.height > iReturn) iReturn = parent.document.documentElement.height;
    if (parent.document.height > iReturn) iReturn = parent.document.height;
    if (parent.document.body.clientHeight > iReturn) iReturn = parent.document.body.clientHeight;
    if (parent.window.innerHeight > iReturn) iReturn = parent.window.innerHeight;
    
    if (parent.document.documentElement.scrollHeight > parent.document.documentElement.clientHeight) iReturn = parent.document.documentElement.clientHeight;
    
    return (iReturn > 2000 ? 2000 : iReturn);  //CAP THE HEIGHT AT 2000, OTHERWISE IE ALLOCATES A LOT OF MEMORY FOR THE DIV
}

// Hides background div as well as all popup divs
function HideBackgroundDiv()
{
    var divBackground = document.getElementById("_divBackground");
    var ifBackground = document.getElementById("_ifBackground");
    var divNote = document.getElementById("divNote");
    var divHelp = document.getElementById("divHelp");
    var divProduct = document.getElementById("divProduct");
    var divAddQues= document.getElementById("divAddQues");
    var divAddQues2= document.getElementById("divAddQues2");
    var divAssignScores= document.getElementById("divAssignScores");

    if (divBackground != null) divBackground.style.display = "none";
    if (ifBackground != null) ifBackground.style.display = "none";
    if (divNote != null) divNote.style.display = "none";
    if (divHelp != null) divHelp.style.display = "none";
    if (divProduct != null) divProduct.style.display = "none";
    if (divAddQues != null) divAddQues.style.display = "none";
    if (divAddQues2 != null) divAddQues2.style.display = "none";
    if (divAssignScores != null) divAssignScores.style.display = "none";
    
   
}

function HideParentBackgroundDiv()
{
    var divBackground = parent.document.getElementById("_divBackground");
    var ifBackground = parent.document.getElementById("_ifBackground");
    var divNote = document.getElementById("divNote");
    var divHelp = document.getElementById("divHelp");
    var divProduct = document.getElementById("divProduct");
    var divAddQues= document.getElementById("divAddQues");
    var divAddQues2= document.getElementById("divAddQues2");
    var divAssignScores= document.getElementById("divAssignScores");

    if (divBackground != null) divBackground.style.display = "none";
    if (ifBackground != null) ifBackground.style.display = "none";
    if (divNote != null) divNote.style.display = "none";
    if (divHelp != null) divHelp.style.display = "none";
    if (divProduct != null) divProduct.style.display = "none";
    if (divAddQues != null) divAddQues.style.display = "none";
    if (divAddQues2 != null) divAddQues2.style.display = "none";
    if (divAssignScores != null) divAssignScores.style.display = "none";  
}

// Opens Navigation Div
function ShowNav(id)
{
    
    if(document.getElementById(id).style.display == "block"){
        HideBackgroundDiv()
        }
    else{
        CenterDiv(document.getElementById(id));
        
    }
}

function PositionDiv(DivObject, PositionObject, BodyWidth, ShowOffset)

{

    var iBodyWidth = BodyWidth, iBodyHeight = 0; 

    var iLef = 0, iTop = 0, iTotalWidth = 0, iTotalHeight = 0, iScrollOffsetX = 0, iScrollOffsetY = 0; 

    var iPositionObjHeight = 0, iPositionObjWidth = 0, iPositionObjX = 0, iPositionObjY = 0;



    iBodyHeight = 30; 

    

    iTotalWidth = document.documentElement.clientWidth;  

    iTotalHeight = document.documentElement.clientHeight;    

    iScrollOffsetX = (window.opera ? 0 : (window.pageXOffset ? window.pageXOffset : document.documentElement.scrollLeft));

    iScrollOffsetY = (window.opera ? 0 : (window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop)); 

    

    iPositionObjHeight = (PositionObject.clientHeight ? PositionObject.clientHeight : PositionObject.height);

    iPositionObjWidth = (PositionObject.clientWidth ? PositionObject.clientWidth : PositionObject.width);    

   
   

    if ((iTotalWidth - ((iPositionObjX - iScrollOffsetX) + iPositionObjWidth)) < iBodyWidth) 

    {           

        iLeft = iPositionObjX - ((ShowOffset ? iBodyWidth + 5 : 0));	//POSITION IS ON RIGHT EDGE, SHOW DIV TO THE LEFT         

    } 

    else 

    { 

        iLeft = iPositionObjX + (ShowOffset ? iPositionObjWidth : 900);	//SHOW DIV TO THE RIGHT 

    } 

    

    if (iLeft + iBodyWidth + 20 > iTotalWidth)

    {        

        iLeft = iTotalWidth - iBodyWidth - 20 + iScrollOffsetX;        

    } 

   

    //MOVE THE DIV OFF THE SCREEN AND SHOW IT SO WE CAN GET ITS DIMENSIONS

    DivObject.style.left = "-10000px"; 

    DivObject.style.top = "-10000px";    

    DivObject.style.display = "block";   

    iBodyHeight = DivObject.clientHeight;    

       

    var bIsDownOK = ((iPositionObjY + iBodyHeight) < (iTotalHeight));

    var bIsUpOK = ((iPositionObjY - iBodyHeight) > 0);



    if (!bIsDownOK && !bIsUpOK) 

    {   

        iTop = iPositionObjY - (iBodyHeight / 2);	//SHOW IN THE MIDDLE, DOWN AND UP WOULD CUT IMAGE 

    } 

    else if (bIsDownOK || !bIsUpOK) 

    {

        iTop = iPositionObjY + iPositionObjHeight + (ShowOffset ? 0 : 2);	//SHOW DIV DOWN 

    } 

    else 

    {               

        iTop = iPositionObjY - iBodyHeight - (ShowOffset ? 0 : 2);	//POSITION IS TOO FAR DOWN, SHOW DIV UP 

    }    

    

    iTop += iScrollOffsetY;  

   

    if(!document.all)   

    {

        iLeft += "px";

        iTop += "px";

        iBodyWidth += "px";

    }

            

    //NEED TO SHOW THE DIV BEFORE WE GET THE CLIENT HEIGHT

    DivObject.style.left = iLeft; 

    DivObject.style.top = iTop; 

    DivObject.style.width = iBodyWidth; 

}



function CenterDiv(DivObject)

{

    //POSITION IN CENTER OF SCREEN

    var iLeft, iTop, iTotalWidth, iTotalHeight, iScrollOffsetX, iScrollOffsetY; 

    

    iTotalWidth = (window.opera ? window.innerWidth : document.documentElement.clientWidth);  

    iTotalHeight = (window.opera ? window.innerHeight : document.documentElement.clientHeight);    

    iScrollOffsetX = (window.pageXOffset ? window.pageXOffset : document.documentElement.scrollLeft);

    iScrollOffsetY = (window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop); 	

    

    //MOVE THE DIV OFF THE SCREEN AND SHOW IT SO WE CAN GET ITS DIMENSIONS

    DivObject.style.left = "-10000px"; 

    DivObject.style.top = "-10000px";

    DivObject.style.display = "block";

                            

    iLeft = (iTotalWidth / 2) + iScrollOffsetX - (DivObject.clientWidth / 2);

    iTop = (iTotalHeight / 2) + iScrollOffsetY - (DivObject.clientHeight / 2);       



    DivObject.style.left = iLeft + "px"; 

    DivObject.style.top = iTop + "px";          

}



function CenterDivInsideObject(DivObject, ContainerObject)

{

    var iLeft, iTop, iTotalWidth, iTotalHeight, iScrollOffsetX, iScrollOffsetY; 

    

    iTotalWidth = ContainerObject.clientWidth;  

    iTotalHeight = ContainerObject.clientHeight;    

    iScrollOffsetX = ContainerObject.scrollLeft;

    iScrollOffsetY = ContainerObject.scrollTop; 	

    

    DivObject.style.display = "block";

                            

    iLeft = (iTotalWidth / 2) + iScrollOffsetX - (DivObject.clientWidth / 2);

    iTop = (iTotalHeight / 2) + iScrollOffsetY - (DivObject.clientHeight / 2);       



    DivObject.style.left = iLeft + "px"; 

    DivObject.style.top = iTop + "px";  

}

function ShowBackgroundDiv()

{

    var divBackground = document.getElementById("_divBackground");

    var ifBackground = document.getElementById("_ifBackground");

    var iScrollOffsetX = 0;

    var iScrollOffsetY = (window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop); 

    var iDivHeight = ReturnMaxHeight();



    if (divBackground == null)

    {

        divBackground = document.createElement('DIV');

        divBackground.id = '_divBackground';    

        divBackground.style.zIndex = 100000;

        divBackground.style.backgroundColor = "#AAAAAA";

        divBackground.style.opacity = 0.6;

        divBackground.style.filter = "alpha(opacity=60)";

        divBackground.style.position = "absolute";

        document.body.appendChild(divBackground);

    }



    if (document.all && !window.opera && ifBackground == null)

    {

        ifBackground = document.createElement('IFRAME');

        ifBackground.id = '_ifBackground';    

        ifBackground.style.zIndex = 99999;

        ifBackground.style.backgroundColor = "#AAAAAA";

        ifBackground.style.opacity = 0.6;

        ifBackground.style.filter = "alpha(opacity=60)";

        ifBackground.style.position = "absolute";  

        document.body.appendChild(ifBackground);      

    }

    

    if (iScrollOffsetY > 0 && (iScrollOffsetY - (iDivHeight / 2)) > 0) //IF THE PAGE IS SCROLLED, HAVE THE DIV COVER ABOVE AND BELOW IT EQUALLY

    {

        iScrollOffsetY = (iScrollOffsetY - (iDivHeight / 2));

    }

    else

    {

        iScrollOffsetY = 0;

    }

    

    divBackground.style.width = (document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.width) + "px";

    divBackground.style.height = iDivHeight + "px";

    divBackground.style.left = "0px";

    divBackground.style.top = iScrollOffsetY + "px";

    divBackground.style.display = "block";   

    

    if (ifBackground != null)

    {

        ifBackground.style.width = (document.width ? document.width : document.documentElement.clientWidth) + "px";

        ifBackground.style.height = (document.height ? document.height : document.documentElement.clientHeight) + "px";    

        ifBackground.style.left = "0px";

        ifBackground.style.top = iScrollOffsetY + "px";    

        ifBackground.style.display = "block";  

    }

}



function ReturnMaxHeight()

{

    var iReturn = document.documentElement.scrollHeight;

    

    if (document.documentElement.clientHeight > iReturn) iReturn = document.documentElement.clientHeight;

    if (document.documentElement.height > iReturn) iReturn = document.documentElement.height;

    if (document.height > iReturn) iReturn = document.height;

    if (document.body.clientHeight > iReturn) iReturn = document.body.clientHeight;

    if (window.innerHeight > iReturn) iReturn = window.innerHeight;

    

    return (iReturn > 2000 ? 2000 : iReturn);  //CAP THE HEIGHT AT 2000, OTHERWISE IE ALLOCATES A LOT OF MEMORY FOR THE DIV

}



//function HideBackgroundDiv()

//{

    //var divBackground = document.getElementById("_divBackground");

    //var ifBackground = document.getElementById("_ifBackground");

    

    //if (divBackground != null) divBackground.style.display = "none";

    //if (ifBackground != null) ifBackground.style.display = "none";  

//}

