var NS4 = document.layers ? 1 : 0,
    IE4 = document.all ? 1 : 0,
    NS6 = document.getElementById && !document.all ? 1 : 0;

var HIDE = ( IE4 | NS6 ? "none" : "none" ),
    SHOW = ( IE4 | NS6 ? "" : "" );

//---------------------------------------------------------------
//---------------------------------------------------------------

var CL = new CrossLayers();  

function CrossLayers()
{
   this.toggleVisibility = toggleVisibility;
   this.setVisibility = setVisibility;
   this.getVisibility = getVisibility;
   this.moveToX = moveToX;
   //this.moveXRelative = moveXRelativeTo;
   this.moveXFromLeft = moveXFromLeft;
   this.moveToY = moveToY;
   //this.moveYRelative = moveYRelativeTo;
   this.moveYFromTop = moveYFromTop;
}

//---------------------------------------------------------------
//---------------------------------------------------------------



function toggleVisibilityImg( layer ,img, image_show,image_hide)
{
   if( this.getVisibility( layer ) == SHOW )
   {
      this.setVisibility( layer, HIDE );
      img.src = image_show;
   }
   else
   {
      this.setVisibility( layer, SHOW );
      img.src = image_hide;
   }
}




function toggleVisibility( layer )
{
   if( this.getVisibility( layer ) == SHOW )
   {
      this.setVisibility( layer, HIDE );
   }
   else
   {
      this.setVisibility( layer, SHOW );
   }
}

function setVisibility( layer, visibility )
{
   if( ( visibility != SHOW ) && ( visibility != HIDE ) )
   {
      return;
   }

   if( NS4 )
   {
      document.layers[ layer ].display= visibility;
   }
   else
   {
      document.getElementById( layer ).style.display= visibility;
   }
}

function getVisibility( layer )
{
   if( NS4 )
   {
      return( document.layers[ layer ].display);
   }
   else
   {
      return( document.getElementById( layer ).style.display);
   }
}

//---------------------------------------------------------------
//---------------------------------------------------------------

function moveToX( layer, x )
{
   if( NS4 )
   {
      document.layers[ layer ].left = x;
   }
   else
   {
      document.getElementById( layer ).style.left = x;
   }
}

  function toggleImageBox(image,list){
    var listElementStyle=document.getElementById(list).style;
    if (listElementStyle.display=="none"){
      listElementStyle.display="block";
      document.getElementById(image).src="open.png";
      document.getElementById(image).alt="Close list";
    }else{
      listElementStyle.display="none";
      document.getElementById(image).src="closed.png";
      document.getElementById(image).alt="Open list";
    }
  }



/*
function moveXRelativeTo( layer, x )
{
   if( NS4 )
   {
      document.layers[ layer ].left =
         document.layers[ layer ].left + x;
   }
   else
   {
      document.getElementById( layer ).style.left =
         document.getElementById( layer ).offsetLeft + x;
   }
}
*/

function moveXFromLeft( layer, x )
{
   if( NS4 )
   {
      document.layers[ layer ].left =
         window.pageXOffset + x;
   }
   else
   {
      if( NS6 )
      {
         document.getElementById( layer ).style.left =
            window.pageXOffset + x;
      }
      else
      {
         document.getElementById( layer ).style.left =
            document.body.scrollLeft + x;
      }
   }
}

//---------------------------------------------------------------
//---------------------------------------------------------------

function moveToY( layer, y )
{
   if( NS4 )
   {
      document.layers[ layer ].top = y;
   }
   else
   {
      document.getElementById( layer ).style.top = y;
   }
}

/*
function moveYRelativeTo( layer, y )
{
   if( NS4 )
   {
      document.layers[ layer ].top =
         document.layers[ layer ].top + y;
   }
   else
   {
      document.getElementById( layer ).style.top =
         document.getElementById( layer ).offsetTop + y;
   }
}
*/

function moveYFromTop( layer, y )
{
   if( NS4 )
   {
      document.layers[ layer ].top =
         window.pageYOffset + y;
   }
   else
   {
      if( NS6 )
      {
         document.getElementById( layer ).style.top =
            window.pageYOffset + y;
      }
      else
      {
         document.getElementById( layer ).style.top =
            document.body.scrollTop + y;
      }
   }
}