// JavaScript Document

function change_image()
{
  if(faded)
  {
    fade_in('fore', 20, 100);
    faded = false;
  }
  else
  {
    fade_out('fore', 20, 100);
    faded = true;
  }
}

function fade_in(id, delay, target)
{
  for(var i = 0, t = 0; i <= target; i+=4, t++)
    setTimeout("fade_set(" + i + ",'" + id + "')",(t * delay));
}

function fade_out(id, delay, target)
{
  for(var i = target, t = 0; i >= 0; i-=4, t++)
    setTimeout("fade_set(" + i + ",'" + id + "')",(t * delay));
}

function fade_set(opacity, id)
{
  var obj = document.getElementById(id);
  
  if(obj)
  {
    obj.style.opacity      = (opacity / 100);
    obj.style.MozOpacity   = (opacity / 100);
    obj.style.KhtmlOpacity = (opacity / 100);
    obj.style.filter       = 'alpha(opacity=' + opacity + ')';
    
    if(faded && opacity == 0)
    {
      //document.getElementById('fore').style.background = colours[index];
      document.getElementById('fore').src = srcs[index];
	  document.getElementById('fore').title = titles[index];
	  document.getElementById('fore').alt = titles[index];
      //document.getElementById('ititle').innerHTML=titles[tindex];
      inc_index();
    }
    else if(!faded && opacity == 100)
    {
      //document.getElementById('aft').style.background = colours[index];
      document.getElementById('aft').src = srcs[index];
	  document.getElementById('aft').title = titles[index];
	  document.getElementById('aft').alt = titles[index];
	 // document.getElementById('ititle').innerHTML=titles[tindex];
      inc_index();
    }
  }
}

function inc_index()
{
  index++;
  if(index >= srcs.length)
    index = 0;
	
	
  tindex++;
  if(tindex >= titles.length)
    tindex = 0;
}