function displayShow(idName)
{
  var idObj = document.getElementById(idName);
  if (idObj == null)
    return;
  idObj.style.display = "block";
  return;
}
// ----------------------------------------------------------------------------
function displayHide(idName)
{
  var idObj = document.getElementById(idName);
  if (idObj == null)
    return;
  idObj.style.display = "none";
  return;
}
// ----------------------------------------------------------------------------
function changebk(obj,img)
{
  if (obj ==null)
    return;
  obj.style.backgroundImage = img;
  return;
}
// ----------------------------------------------------------------------------
function setCheckbox(idName)
{
  var idObj = document.getElementById(idName);
  if (idObj == null)
    return;
  idObj.checked = true;
  return;
}
// ----------------------------------------------------------------------------
function unsetCheckbox(idName)
{
  var idObj = document.getElementById(idName);
  if (idObj == null)
    return;
  idObj.checked = false;
  return;
}
// ----------------------------------------------------------------------------
function displayServicePanel(idName)
{
  var panels=new Array("cp1","cp2","cp3","cp4","cp5","cp6");
  var i=0;
  for (i=0;i<=5;i++)
  {
    if (idName!=panels[i]){
      displayHide(panels[i]);
    }
  }
  displayShow(idName);
  return;
}
// ----------------------------------------------------------------------------
var nowid=1;

function serviceExampleNav(d, path)
{
  var show = nowid+d;
  if (show>0 && show<6){
    var show_id = 'service_example_'+show;
    var panels=new Array("service_example_1","service_example_2","service_example_3","service_example_4","service_example_5");
    for (i=0;i<5;i++)
  	{
      if (show_id!=panels[i]){
        displayHide(panels[i]);
      }
    }
    displayShow(show_id);
    nowid=show;
    document.getElementById('service_example_map').src = path+"/images/service_example_nav_"+nowid+".png";
  
}
}
// ----------------------------------------------------------------------------
function gotoServiceExample(id, path)
{
  nowid = id;
  serviceExampleNav(0, path);
}
// ----------------------------------------------------------------------------
function setSidebarHeight(){
  var sbObj = document.getElementById("sidebar");
  var ctntObj = document.getElementById("content");
  if (sbObj.offsetHeight < ctntObj.offsetHeight){
    sbObj.style.minHeight = ctntObj.offsetHeight + "px";
  }
}


function Slide()
{
    $("#cp" + id).fadeOut(1000);
    id++;
    if (id == 5)
        id = 1;

    setTimeout ( "$('#cp' + id).fadeIn(2000)", 1000 );
}


var  TimeToFade = 1000.0;

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
   
function  animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}







