var highlightbehavior = "TR"

var ns6	=	document.getElementById && !document.all;

var ie = document.all

var openImg = new Image();
openImg.src = "img/plus.png";
var closedImg = new Image();
closedImg.src = "img/minus.png";

function showBranch(branch){
	var objBranch = document.getElementById(branch).style;
	if(objBranch.display=="block")
		objBranch.display="none";
	else
		objBranch.display="block";
}

function swapFolder(img){
	objImg = document.getElementById(img);
	if(objImg.src.indexOf('minus.png')>-1)
		objImg.src = openImg.src;
	else
		objImg.src = closedImg.src;
}


function setLogo(){

}

function pgbar(width){
	document.write('\
									<table class="graph" align="center" cellpadding="2" width="100"><tbody><tr><td>\
\
													<table class="innergraph" align="center" border="0" cellpadding="0" cellspacing="0" width="180">\
													<tbody>\
													<tr><td align="right" width="40">0%&nbsp;</td>\
													<td align="left" width="100">\
																	<table border="1" cellpadding="0" cellspacing="0" width="100%">\
																	<tbody><tr><td class="progressbar">\
																	<img src="img/chart.jpg" alt="'+ width +'% complete" align="left" width="' + width +'">\
																	</td></tr>\
																	</tbody></table>\
													</td>\
													<td align="left" width="40">&nbsp;100%</td></tr>\
													</tbody></table>\
								</td></tr>\
					');

}


function changeto(e,highlightcolor){
		
		source = ie? event.srcElement : e.target

		if (source.tagName=="TABLE")
			return;

		while(source.tagName != highlightbehavior && source.tagName!="HTML")
					source = ns6? source.parentNode : source.parentElement

							
							if (source.style.backgroundColor != highlightcolor && source.id!="ignore"){
									source.style.backgroundColor = highlightcolor
									source.style.cursor = "hand"
							}
}

function contains_ns6(master, slave) { //check if slave is contained by master
		while (slave.parentNode)
		{
			if ((slave = slave.parentNode) == master)
			{
					return true;
			}
		}
return false;

}

function changeback(e)
{
		if (ie && (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")||source.tagName=="TABLE")
		{
			return
		}
		else if (ns6 && (contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
		{
			return
		}

		if (ie && event.toElement!=source || ns6 && e.relatedTarget != source)
		{
			source.style.cursor = "hand";

			var regexp =(/ALT1_/);
			var text = source.id;

			if(text.match(regexp)){
					source.style.backgroundColor= "#f5f5f5"
			}
			else{
				source.style.backgroundColor= "#f5feee"
			}
		}
}

function colorTable(id){

if(id == '0' || id == '' ){
  var theTable = (document.all) ? document.all.ROTATETABLE :document.getElementById("ROTATETABLE");
  var theTableBody = theTable.tBodies[0];


  for (var i = 1; i < theTableBody.rows.length; i++)
				if (i % 2 == 1){
					theTableBody.rows[i].style.backgroundColor = "#F5F5F5"
					theTableBody.rows[i].style.cursor = "hand"
				}
 }

else if(id ==1){
  var theTable = (document.all) ? document.all.ROTATETABLE1 :document.getElementById("ROTATETABLE1");
  var theTableBody = theTable.tBodies[0];

  for (var i = 1; i < theTableBody.rows.length; i++)
				if (i % 2 == 1)
					theTableBody.rows[i].style.backgroundColor = "#F5F5F5"
  					theTableBody.rows[i].style.cursor = "hand"

}

else if(id ==2){
  var theTable = (document.all) ? document.all.ROTATETABLE2 :document.getElementById("ROTATETABLE2");
  var theTableBody = theTable.tBodies[0];

  for (var i = 1; i < theTableBody.rows.length; i++)
				if (i % 2 == 1)
					theTableBody.rows[i].style.backgroundColor = "#C6DFF7"
  					theTableBody.rows[i].style.cursor = "hand"
}
else if(id ==3){
  var theTable = (document.all) ? document.all.ROTATETABLE3 :document.getElementById("ROTATETABLE3");
  var theTableBody = theTable.tBodies[0];

  for (var i = 1; i < theTableBody.rows.length; i++)
				if (i % 2 == 1)
					theTableBody.rows[i].style.backgroundColor = "#C6DFF7"
}


}

function error(Ques,message){
	if (IsNe47){
		alert(message);
	}
	else{
		document.getElementById(Ques).innerHTML = '';
		document.getElementById(Ques).innerHTML = '<font class="error">'+message+'</font>';
		window.location="#"+Ques;
	}
return false;
}

function setTitle(){
	window.status = document.mainfrm.HOST_VAR.value;
}

function PdcShuffleArray(A) {
for (var X=0;(X<A.length);X++){
   // swap the current option with a randomly selected different option
   Y = Math.floor(Math.random() * A.length);
   XText = A[X];
        YText = A[Y];
        A[X] = YText;
        A[Y] = XText;
   }
   return A.join(" ");
}


function getIsNe47()
{
	var temp = false;
	if (navigator.appName == "Netscape" && navigator.appVersion.match("4.79"))
	{
		temp = true;
	}
	return temp;
}

var IsNe47 = getIsNe47();

/* The below function is used on the blur event of a textbox which is next to a checkbox. */
function IsNumeric(sText)
    {
    var ValidChars = "0123456789";
    var IsNumber=true;
    var Char;
	
	for (i = 0; i < sText.length && IsNumber == true; i++) 
      { 
      Char = sText.charAt(i); 
	
      if (ValidChars.indexOf(Char) == -1) 
         IsNumber = false;
      }
    return IsNumber;
    }

function Checkme(txtfld, opt)
    {
    var ans = txtfld.value.trim();
    if (ans != "")
        opt.checked = true;
    }

//==========================================================================================//
/*
The below function will return the selected value in a radio object.
*/

function radioValue(radioObj)
    {
    var radval = "";
    var i = 0;
    
    alert("called");
    alert(radioObj.length);
    
    if (!isNaN(radioObj.length))
    {
    for ( i=0; i<radioObj.length; i++)
        {
        if (radioObj[i].checked)
            {
            radval = radioObj[i].value;
            break;
            }
        }
    }
    else if (radioObj.checked)
        radval = radioObj.value;
    return radval;
    }



//==========================================================================================//
/*
The below function will check to make sure that the given zipcode is valid
Validations:
    1. It is a number (Won't be applicable for Canadians.
    2. Length is five characters.
    3. All five characters are digits.
    (*Won't need a regex if pincodes fall between 10000 and 99999*)
*/
function chkZipcode(zipcodeObj)
    {
    if (!zipcodeObj.value.match(/^\d\d\d\d\d$/))
        {
        alert("The zipcode is invalid");
        zipcodeObj.focus();
        zipcodeObj.select();
        return false;
        }
    return true;
    }

//==========================================================================================//
/*
This function will check the length of the value in txtFld and if it is more than noOfChar
it will display an alert and return false. Else, it will return true.
*/
function checkTxtLength(txtFld, noOfChar)
    {
    // Do you want to trim Q2Specified_1 field???
    if (txtFld.value.length > noOfChar)
        {
	        return false;
        }
    return true;
    }

//==========================================================================================//
/*
The setOnClick() will take a radio button group and a codestring. It will then proceed to change all the onclick functions
to the current codestring.
Eg: setOnClick(document.mainfrm.Q2, "document.mainfrm.Q2Specified_1.value=''");
Make sure that all objects specified come from document.formname.object
*/
function setOnClick(rad, codestring)
    {
    var myOnClick = new Function(codestring);
    for(var itm=0; itm < rad.length; itm++ )
        {
        rad[itm].onclick = myOnClick;
        }
    }

/*Below function will deselect mutually exclusive option when we select any other option from that list*/
function setOnClick_check(chk,noele,codestring)
    {
		var myOnClick = new Function(codestring);
		for(k=1;k<=noele-1;k++)
		{
				eval("document.mainfrm." + chk + "_" + k).onclick= myOnClick;
				
		}
		 
    }


// remove leading and trailing spaces
function strtrim(){
	    return this.replace(/^\s+/,'').replace(/\s+$/,'');
}


// The following statement will enable calling the strtrim function from the string itself.
// stringObject.trim(); will return a trimmed version of stringObject.

String.prototype.trim = strtrim;


function checkEmailAddress(field) {

var trim_Qemail=Trim(field.value);

var goodEmail = trim_Qemail.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);

if (field.value.length <= 50)
  {
    if(trim_Qemail=='')
                {return true;}
    else
    {
        if (goodEmail)
        {
           return true;
        }
        else
        {
           alert('Please enter a valid e-mail address.')
           field.focus()
           field.select()
           return false;
           }
      }
    }
    else
        {
            alert('The length of your email address is limited to 50 characters.');
            return false;
        }
}



// remove leading and trailing spaces
function Trim(s)
    {
        var trimmed="";
        var leading = true;
        var trailing = true;

        // strip leading spaces
        for(var i = 0; i < s.length; i++)
        {
            var c = s.charAt(i);
            if (c == ' ')
            {
                if (leading==false)
                {
                    trimmed=trimmed+c;
                }
            }
            else
            {
                leading=false;
                trimmed=trimmed+c;
            }
        }

        // strip trailing spaces
        for (var i = trimmed.length-1; i>0; i--)
        {
            var c = trimmed.charAt(i);
            if (c != " ")
            {
                return trimmed;
            }
            else
            {
                trimmed=trimmed.substr(0,trimmed.length-1);
            }
        }

        return trimmed;
    }

//check adjacent option when click on textbox
function CheckAdjacent(obj)
    {
        obj.checked = true;
    }


// check the length of textbox or textarea
    function checkLength(element,maxvalue)
    {

        var q = Trim(eval("document.mainfrm."+element+".value"));
		
		 if (q.length == maxvalue)
         {
          return true;
         }
         else
         {
          return false;
         }
    }

// questions with radio buttons are made compulsory
function RadioCheck(que,lastno)
    {
        var qno;
        
        var flag = false;

        for (itemp=0; itemp <= lastno ; itemp++)
        {
            
            
            qno = eval("document.mainfrm." + que + "[" + itemp + "].checked")
            
//			alert(qno);
                       
            if (qno != "undefined")
            {
                if ( qno == true)
                { 
                	flag = true
                }
            }
        }
        return flag;
    }

// questions with check boxes are made compulsory

function CheckBoxCheck(que,lastno)
    {
        var flag = false;
        var obj;
        for (i=1; i<=lastno ; i++)
        {
            obj = eval("document.mainfrm." + que + "_" + i)
            if (obj)
                {
                if ( obj.checked == true)
                    { flag = true}
                }
        }
        return flag;
    }


// questions with drop down boxes are made compulsory
function DDBCheck(que)
    {
        var qno;
        var flag = false;
        qno = eval("document.mainfrm." + que + ".selectedIndex")

        if ( qno != 0)
        { flag = true}
        return flag;

    }

// deselect oteh options if one options is clicked - in case of checkboxes
function DeSelectOthers(que,lastno)
    {
        var cnt
        var i;

        for(i=1;i<=lastno;i++)
        {
            cnt = eval("document.mainfrm." + que + "_" + i );
            if (cnt)
            {
                cnt.checked = false;
            }
        }
    }

// questions with textarea are made compulsory
function TextCheck(que)
    {
        var qno;
        var flag = false;
        qno = Trim(eval("document.mainfrm." + que + ".value"))
        if ( qno == "")
        {
            flag = false
        }
        else
        {
            flag = true
        }

        return flag;
    }


function AssociatedText(txtname, optname)
{
var optOnClick = new Function('document.mainfrm.' + txtname + ".value=''");
eval('document.mainfrm.' + optname + '.onclick=' + optOnClick);
if (navigator.appName == "Netscape" && navigator.appVersion == "4.7 [en] (WinNT; I)")
    {
    document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                    + "<INPUT TYPE='Text' NAME='" + txtname
                                    + "' onFocus='" + optname + ".checked=true;"
                                    + "' onBlur='Checkme(this, " + optname + ")'></font>");
    }
else
    {
    document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                    + "<INPUT TYPE='Text' NAME='"
                                    + txtname + "' onKeyDown='JavaScript:"
                                    + " if ((event.keyCode >= 41 && event.keyCode <= 44) || (event.keyCode >= 47 && event.keyCode <= 90)"
                                            + " || (event.keyCode >= 96 && event.keyCode <= 111) || (event.keyCode >= 124 && event.keyCode <= 143)"
                                            + " || (event.keyCode == 187 || event.keyCode == 189"
                                                    + " || event.keyCode == 192 || event.keyCode == 94 || event.keyCode == 32)"
                                            + ") {"
                                    + optname + ".checked=true;}' onBlur='Checkme(this, " + optname + ")'></font>");
    }
}

function RAssociatedText(txtname, optname)
{

if (navigator.appName == "Netscape" && navigator.appVersion == "4.7 [en] (WinNT; I)")
    {
    document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                    + "<INPUT TYPE='Text' NAME='" + txtname
                                    + "' onFocus='" + optname + ".checked=true;"
                                    + "' onBlur='Checkme(this, " + optname + ")'></font>");
    }
else
    {
    document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                    + "<INPUT TYPE='Text' NAME='"
                                    + txtname + "' onKeyDown='JavaScript:"
                                    + " if ((event.keyCode >= 41 && event.keyCode <= 44) || (event.keyCode >= 47 && event.keyCode <= 90)"
                                            + " || (event.keyCode >= 96 && event.keyCode <= 111) || (event.keyCode >= 124 && event.keyCode <= 143)"
                                            + " || (event.keyCode == 187 || event.keyCode == 189"
                                                    + " || event.keyCode == 192 || event.keyCode == 94 || event.keyCode == 32)"
                                            + ") {"
                                    + optname + ".checked=true;}' onBlur='Checkme(this, " + optname + ")'></font>");
    }
}

function MEAssociatedText(txtname, optname, mename)
    {
    var optOnClick = new Function('document.mainfrm.' + txtname + ".value=''; document.mainfrm." + mename + ".checked = false;");

    eval('document.mainfrm.' + optname + '.onclick=' + optOnClick);
    if (navigator.appName == "Netscape" && navigator.appVersion == "4.7 [en] (WinNT; I)")
        {
        document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                        + "<INPUT TYPE='Text' NAME='" + txtname
                                        + "' onFocus='" + optname + ".checked=true;document.mainfrm." + mename + ".checked = false;"
                                        + "' onBlur='Checkme(this, " + optname + ")'></font>");
        }
    else
        {
        document.write("<font face='Verdana, Arial, Helvetica, sans-serif' size='3'>"
                                        + "<INPUT TYPE='Text' NAME='"
                                        + txtname + "' onKeyDown='JavaScript:"
                                        + " if ((event.keyCode >= 41 && event.keyCode <= 44) || (event.keyCode >= 47 && event.keyCode <= 90)"
                                                + " || (event.keyCode >= 96 && event.keyCode <= 111) || (event.keyCode >= 124 && event.keyCode <= 143)"
                                                + " || (event.keyCode == 187 || event.keyCode == 189"
                                                        + " || event.keyCode == 192 || event.keyCode == 94 || event.keyCode == 32)"
                                                + ") {"
                                        + optname + ".checked=true;document.mainfrm." + mename + ".checked = false;}' onBlur='Checkme(this, " + optname + "); if (this.value.length > 0) {document.mainfrm." + mename + ".checked = false;}'></font>");
        }
    }




function popuponclick(url, title, w, h, scroll, resize)
{
	if (scroll==true || scroll=='yes')
        scroll='yes'; else scroll='no';
		if (resize==true || resize=='yes')
		resize=', resizable'; else resize='';
        var winl = (screen.width - w) / 2;
        var wint = (screen.height - h) / 2;
        winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+resize
        win = window.open("", "mywindow", winprops)
		win.document.write('<title>' + title + '</title>');  
		win.document.write('<img src=' + url + '>');  
		win.document.write('<bR><center><a href="javascript:window.close()"><font face=verdana size=2>Close</font></a></center>');  
}


function fd()
	{ 

	if(!document.forms.length) return;
	if(!document.forms[0].elements.length) return;
	
	CreateDebugTable()
	

	var hiddenNameArray = new Array();
	var hiddenValueArray = new Array();


	var elements =  document.forms[0].elements;

	//scroll through all elements of form
	
	var hcounter = 0;

	var prevElement = '';
	
	for(var i = ( elements.length -1 ); i > 0 ; i--)
	{	

		if(elements[i].type == 'hidden') // HIDDEN VARIABLES
		{
			var reg = new RegExp(/\bstart_date|move|next|livesurvey|USERNAME|SID|HOST_VAR\b/i);
			
			if (elements[i].name.match(reg)) {
				continue;
			}
			
				hiddenNameArray[elements[i].name] = elements[i].value;


				var tblRow = hiddentid.insertRow(1);	
				var tblcol1 = tblRow.insertCell(0);
				var tblcol2 = tblRow.insertCell(1);


				tblcol1.setAttribute("class","debugtd");
				tblcol1.setAttribute("className","debugtd");
				tblcol1.setAttribute("align","center");

				tblcol2.setAttribute("class","debugtd");
				tblcol2.setAttribute("className","debugtd");
				tblcol2.setAttribute("align","center");



			
			if(i%2)
				tblRow.bgColor="#ffffee";
			else
				tblRow.bgColor="#999999";
			
			tblcol1.innerHTML = elements[i].name;
			tblcol2.innerHTML = elements[i].value;

		}
		else // NOT HIDDEN VARIABLES
		{
			//Insert a row to the table, 'tid' is id of DebugTable
			var tblRow = tid.insertRow(1);

			//Insert three coloumns to the currently inserted row
			var tblcol1 = tblRow.insertCell(0);
			
			tblcol1.setAttribute("align","center");
			tblcol1.setAttribute("class","debugtd");
			tblcol1.setAttribute("className","debugtd");

			
			var tblcol2=tblRow.insertCell(1);
			tblcol2.setAttribute("align","center");
			tblcol2.setAttribute("class","debugtd");
			tblcol2.setAttribute("className","debugtd");

			
			var tblcol3=tblRow.insertCell(2);
			tblcol3.setAttribute("align","center");
			tblcol3.setAttribute("class","debugtd");
			tblcol3.setAttribute("className","debugtd");

			
			
			if(elements[i].type == 'radio')

					if(elements[i].name.indexOf("_")==-1)
					{
						tblRow.bgColor="#ffffee";
						tblcol1.innerHTML = elements[i].type;
						tblcol2.innerHTML = elements[i].name;
						tblcol3.innerHTML = elements[i].value;
					}
					else
					{

						
						tblcol1.innerHTML = "rbGrid";

						if(elements[i].name  != prevElement  ){

							tblRow.bgColor="#cccccc";			
						}
						else{
							tblRow.bgColor="#ffffcc";
						}

						tblcol2.innerHTML = elements[i].name;
						tblcol3.innerHTML = elements[i].value;
						prevElement = elements[i].name;
						
					}	 
			else if(elements[i].type == 'checkbox')
					if(elements[i].name.indexOf("_")!=elements[i].name.lastIndexOf("_"))
					{
						if (elements[i].value == 1)
							tblRow.bgColor="#boe7c6";
						else
							tblRow.bgColor="#ff5555";//red color 
						
						tblcol1.innerHTML="cbGrid";
						tblcol2.innerHTML=elements[i].name;
						tblcol3.innerHTML=elements[i].value;
					}
					else
					{
						 if (elements[i].value==1)
							tblRow.bgColor="#ddffc6";
						else
							tblRow.bgColor="#ff5555";//red color 	
						 tblcol1.innerHTML=elements[i].type;
						 tblcol2.innerHTML=elements[i].name;
						 tblcol3.innerHTML=elements[i].value;
					}
			else if (elements[i].type == 'select-one')
				{
						 tblRow.bgColor="#eeffff";
						 tblcol1.innerHTML="Combo"
						 tblcol2.innerHTML=elements[i].name;
						 var strOpt="";
						 for(j=1;j<elements[i].length;j++) 
						 if(j%5)
								strOpt=strOpt+elements[i].item(j).value+",";
						else
								strOpt=strOpt+elements[i].item(j).value+"<BR>";
						 tblcol3.innerHTML=strOpt;
				}
			else // All other elements
			{
						tblcol1.innerHTML=elements[i].type;
						tblcol2.innerHTML=elements[i].name;
						tblcol3.innerHTML=elements[i].value;
			}
		
		}
		
	}
	


//Drag.init(document.getElementById("__DEBUG_DIV__"));
Drag.init(document.getElementById("__DEBUG_HIDDEN_DIV__"));

}


function CreateDebugTable() 
	{

		var mybody=document.getElementsByTagName("body").item(0);
		
		mytable			=	document.createElement("TABLE");

		mytablebody		=	document.createElement("TBODY");
		mycurrent_row	=	document.createElement("TR");

                mycurrent_cell	=	document.createElement("TD");
				mycurrent_cell.setAttribute("class","debugtd");
				mycurrent_cell.setAttribute("className","debugtd");

                currenttext		=	document.createTextNode("TYPE");

                mycurrent_cell.appendChild(currenttext);
                mycurrent_row.appendChild(mycurrent_cell);

                
                mycurrent_cell	=	document.createElement("TD");
				mycurrent_cell.setAttribute("class","debugtd");
				mycurrent_cell.setAttribute("className","debugtd");

                currenttext		=	document.createTextNode("NAME");
                mycurrent_cell.appendChild(currenttext);
                mycurrent_row.appendChild(mycurrent_cell);
                
                mycurrent_cell=document.createElement("TD");
				mycurrent_cell.setAttribute("class","debugtd");
				mycurrent_cell.setAttribute("className","debugtd");

                currenttext=document.createTextNode("VALUE");
                mycurrent_cell.appendChild(currenttext);
				mycurrent_row.appendChild(mycurrent_cell);




           
           mytablebody.appendChild(mycurrent_row);
       
        mytable.appendChild(mytablebody);

		mytable.setAttribute("rules","none");
		mytable.setAttribute("frame","border");
        mytable.setAttribute("id","tid");
		mytable.setAttribute("border","1");
		mytable.setAttribute("cellspacing","1");
		mytable.setAttribute("cellpadding","2");


		


		mydiv = document.createElement("DIV");
        mydiv.style.position ="absolute";
       

		mydiv.style.top = 5;
		mydiv.style.left = screen.width - 130;

		mydiv.id = "__DEBUG_DIV__";

	    mydiv.style.background = "brown";
        
		mydiv.appendChild(mytable);
        mybody.appendChild(mydiv);
		
		var mytable = null;
		var mytablebody = null;
		
		mytable = document.createElement("TABLE");
		mytablebody = document.createElement("TBODY");
		mycurrent_row=document.createElement("TR");

               
                mycurrent_cell=document.createElement("TD");
				mycurrent_cell.setAttribute("class","debugtd");
				mycurrent_cell.setAttribute("className","debugtd");

                currenttext=document.createTextNode("NAME");
                mycurrent_cell.appendChild(currenttext);
                mycurrent_row.appendChild(mycurrent_cell);
                
                mycurrent_cell=document.createElement("TD");
				mycurrent_cell.setAttribute("class","debugtd");
				mycurrent_cell.setAttribute("className","debugtd");

				currenttext=document.createTextNode("VALUE");
                mycurrent_cell.appendChild(currenttext);
                mycurrent_row.appendChild(mycurrent_cell);
           
           mytablebody.appendChild(mycurrent_row);
       
        mytable.appendChild(mytablebody);

        mytable.setAttribute("id","hiddentid");
		mytable.setAttribute("rules","none");
		mytable.setAttribute("frame","border");
		mytable.setAttribute("border","1");
		mytable.setAttribute("cellspacing","1");
		mytable.setAttribute("cellpadding","2");




		mydiv = document.createElement("DIV");
        mydiv.style.position ="absolute";
        
		mydiv.style.top = 5;
		mydiv.style.left = 5;

		mydiv.id = "__DEBUG_HIDDEN_DIV__";

	    mydiv.style.background = "brown";
        
		mydiv.appendChild(mytable);
        mybody.appendChild(mydiv);


}


function toggleVisibility(ID, iState) // 1/true =  visible, 0/false =  hidden
{
   var obj = document.layers ? document.layers[ID] :
   document.getElementById ?  document.getElementById(ID).style :
   document.all[ID].style;
   obj.visibility = document.layers ? (iState ? "show" : "hide") :
   (iState ? "visible" : "hidden");
}