function show(data)
{
    document.getElementById(data).style.display="";
    document.getElementById(data + "-button").innerHTML = "[-]";
}

function hide(data)
{
    document.getElementById(data).style.display="none";
    document.getElementById(data + "-button").innerHTML = "[+]";
}


function toggle(data)
{
    var button = data + "-button";
    if ( document.getElementById(data).style.display != "none" )
    {
        document.getElementById(data).style.display="none";
        document.getElementById(button).innerHTML = "[+]";
    }
    else
    {
        document.getElementById(data).style.display="";
        document.getElementById(button).innerHTML = "[-]";
    }
}



/**
 * If the user clicks on the text field it should 
 * clear the initial value of it defined by the alt 
 * attribute. Should be used with onFocus
 */
function clearInitialText(id)
{
  if ( document.getElementById(id).value == document.getElementById(id).alt )
  {
    document.getElementById(id).value = "";
  }
  else if ( document.getElementById(id).innerHTML == document.getElementById(id).alt )
  {
    document.getElementById(id).innerHTML = "";
  }
}



function setData(id, path, backup)
{
    var ajaxRequest;  // The variable that makes Ajax possible!
    
    try
    {
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } 
    catch (e)
    {
        // Internet Explorer Browsers
        try
        {
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) 
        {
            try
            {
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e)
            {
                // Something went wrong
                alert("get a new browser!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function()
    {
        if(ajaxRequest.readyState == 4)
        {
            var text = ajaxRequest.responseText;
            var stopAt = text.indexOf("<!-- T35 Hosting Ad Code Begin");
            if ( stopAt == -1 )
            {
                stopAt = text.length;
            }
            text = text.substring(0, stopAt);
            if ( text.length == 0 )
            {
                text = "nothing here";
            }
            document.getElementById(id).innerHTML = text;
        }
        else
        {
             document.getElementById(id).innerHTML = "loading...<br />";
        }
    }
  
    if ( path.substr(0,4) == 'http' )
    {
        var URL = path;
    }
    else 
    {
        var URL = window.location.href + path;
    }
    ajaxRequest.open("GET", URL, true);
    ajaxRequest.send(null); 
}




function setMainData(path)
{
    setData("maindata", path, "-");
}




function slideOpen(id)
{
  var e = document.getElementById(id);
  e.style.overflow = "hidden";
  e.style.display = "";
  e.style.height = "auto"; // temporarily set the element's height to be automatically calculated
  var height = e.offsetHeight;
  e.style.height = "0px";
  var i = height / 38;
  slide(e, 0, height, i);
}


function slideClosed(id)
{
  var e = document.getElementById(id);
  var height = e.offsetHeight;
  e.style.overflow = "hidden";
  var i = height / 38;
  slide(e, height, 0, -1 * i);
}


function slide(element, curHeight, goalHeight, speed)
{
  if (speed < 0)
  {
    if (curHeight > goalHeight)
    {
      element.style.height = (curHeight + speed) + "px";
      setTimeout(function(){slide(element, curHeight + speed, goalHeight, speed);}, 20);
    }
    else
    {
      element.style.display = "none";
    }
  }
  else
  {
    if (curHeight < goalHeight)
    {
      element.style.height = (curHeight + speed) + "px";
      setTimeout(function(){slide(element, curHeight + speed, goalHeight, speed);}, 20);
    }
    else
    {
      element.style.display = "";
    }
  }
}


function toggleSlide(id)
{
  var button = id + "-button";
  if ( document.getElementById(id).style.display != "none" )
  {
    slideClosed(id);
    document.getElementById(button).innerHTML = "[+]";
  }
  else
  {
    slideOpen(id);
    document.getElementById(button).innerHTML = "[-]";
  }
}



