// preload "collapse" image
var collimg = new Image();
collimg.src = "../images/collapse.gif";

function ShowHideLayer(boxID) {
	/* Obtain reference for the selected boxID layer and its button */
	var box = document.getElementById("box"+boxID);
	var boxbtn = document.getElementById("btn"+boxID);
	
	/* If the selected box is currently invisible, show it */
	if(box.style.display == "none" || box.style.display=="") {
		box.style.display = "block";
 		boxbtn.src = "../images/collapse.gif";
	}
	/* otherwise hide it */
	else {
		box.style.display = "none";
		boxbtn.src = "../images/expand.gif";
	}
}

//check & uncheck all boxes
function checkAll(field)
{

for (i = 0; i < field.length; i++)
	field[i].checked = true ;
}

function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = false ;
}

//modal dialogs
function revealModal(divID)
{
    window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
    document.getElementById(divID).style.display = "block";
    document.getElementById(divID).style.top = document.body.scrollTop;

    // Detect IE versions 5.5-6.0, and turn off the <select> boxes when displaying a modal
    version=0
    if (navigator.appVersion.indexOf("MSIE")!=-1){
	    temp=navigator.appVersion.split("MSIE")
	    version=parseFloat(temp[1])
    }
    if ((version>=5.5) && (version<7.0)) {
	    DropDowns = document.getElementsByTagName('select');
	    for (i=0;i<DropDowns.length;i++){
	    		DropDowns[i].style.visibility='hidden';
	    	}
    }
}

function hideModal(divID)
{
    document.getElementById(divID).style.display = "none";

    // Detect IE versions 5.5-6.0, and turn off the <select> boxes when displaying a modal
    version=0
    if (navigator.appVersion.indexOf("MSIE")!=-1){
	    temp=navigator.appVersion.split("MSIE")
	    version=parseFloat(temp[1])
    }
    if ((version>=5.5) && (version<7.0)) {
	    DropDowns = document.getElementsByTagName('select');
	    for (i=0;i<DropDowns.length;i++){
	    		DropDowns[i].style.visibility='visible';
	    	}
    }
}

function ChangeCheckBoxState(id, checkState)
   {
      var cb = document.getElementById(id);
      if (cb != null)
         cb.checked = checkState;
   }

   function ChangeAllCheckBoxStates(CheckBoxIDs, checkState)
   {
      // Toggles through all of the checkboxes defined in the CheckBoxIDs array
      // and updates their value to the checkState input parameter     
      if (CheckBoxIDs != null)
      {
         for (var i = 0; i < CheckBoxIDs.length; i++)
            ChangeCheckBoxState(CheckBoxIDs[i], checkState);
      }
   }
   
   function CheckAllMarking(checkState)
   {
      var marking = document.getElementById("officialSignsMarking");
      marking.checked = checkState;
      marking = document.getElementById("fencedMarking");
      marking.checked = checkState;
      marking = document.getElementById("otherMarking");
      marking.checked = checkState;
      marking = document.getElementById("UnKnownMarking");
      marking.checked = checkState;

   }

 function SelectAllCheckboxes(spanChk){

   // Added as ASPX uses SPAN for checkbox
   var oItem = spanChk.children;
   var theBox= (spanChk.type=="checkbox") ? 
        spanChk : spanChk.children.item[0];
   xState=theBox.checked;
   elm=theBox.form.elements;

   for(i=0;i<elm.length;i++)
     if(elm[i].type=="checkbox" && 
              elm[i].id!=theBox.id)
     {
       //elm[i].click();
       if(elm[i].checked!=xState)
         elm[i].click();
       //elm[i].checked=xState;
     }
 }
 
  function UnSelectAllCheckboxes(spanChk){

   // Added as ASPX uses SPAN for checkbox
   var oItem = spanChk.children;
   var theBox= (spanChk.type=="checkbox") ? 
        spanChk : spanChk.children.item[0];
   xState=theBox.checked;
   elm=theBox.form.elements;

   for(i=0;i<elm.length;i++)
     if(elm[i].type=="checkbox" && 
              elm[i].id!=theBox.id)
     {      
       elm[i].checked = false;
     }
 }