var SPAN = document.getElementById('TFM_ONNOW');
var SPAN2 = document.getElementById('TFM_ONNOWURL');
var IMGSPAN = document.getElementById('TFM_ONNOWIMG');
var toggle = 0;
var pos = 0;
var TFM_Now = "Loading.";
var TFM_Next = "Loading..";
var TFM_Show = "Loading...";
var TFM_URL = "";
var TFM_IMG = "";
var TFM_IMG_LAST = "";

function WebcamView()
{
  try
  {
    var CAM1 = document.getElementById('TFM_CAM1');
    var CAM2 = document.getElementById('TFM_CAM2');
    if(CAM1.style.display == "block") {
    		CAM1.style.display = "none";
    		CAM2.style.display = "block";
    		CAM1.style.visibility = "none";
    		CAM2.style.visibility = "visible";
  	}
        else {
    		CAM1.style.display = "block";
    		CAM2.style.display = "none";
    		CAM1.style.visibility = "visible";
    		CAM2.style.visibility = "none";
	}
  }
  catch(err)
  {
  } 
}

if(SPAN)
{
 var inta=self.setInterval("TFM_Update()",10000);
 var intb=self.setInterval("TFM_Display(SPAN)",3000);
// var intc=self.setInterval( "Scroll();" ,  30);
}


function TFM_Update()
{

  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.open("GET","../ocp.xml?nocache="+getTimeForURL(),false);
  xmlhttp.setRequestHeader("User-Agent",navigator.userAgent + ";TFM_STATS");
  xmlhttp.send();

  if (xmlhttp.status==200)
  {
    try
    {
      xmlDoc=xmlhttp.responseXML;
      TFM_Now = xmlDoc.getElementsByTagName("NOW")[0].childNodes[0].nodeValue;
      TFM_Next = xmlDoc.getElementsByTagName("NEXT")[0].childNodes[0].nodeValue;
      TFM_Show = xmlDoc.getElementsByTagName("SHOW")[0].childNodes[0].nodeValue;
    }
    catch(err)
    {
      TFM_Now = "Loading.";
      TFM_Next = "Loading..";
    }

    try
    {
      TFM_URL = xmlDoc.getElementsByTagName("URL")[0].childNodes[0].nodeValue;
      if(SPAN2)
     {
        if(TFM_URL.length>1)
       {
        value2 = "<A href='" + TFM_URL + "' alt='Find out more' target='_blank'><img src='/info-icon.png'> Find out more...</A><BR>";
        SPAN2.innerHTML = value2;
        }
        else
        {
          SPAN2.innerHTML = "";
        }
      }
    }
    catch(err)
    {
      TFM_URL = "";
       SPAN2.innerHTML = "";
    }
    
    try
    {
       TFM_IMG = xmlDoc.getElementsByTagName("IMAGE")[0].childNodes[0].nodeValue;
       if(IMGSPAN && TFM_IMG.length>1)
      {
          if (TFM_IMG == TFM_IMG_LAST)
         {
         }
         else
        {
           TFM_IMG_LAST = TFM_IMG;
           IMGSPAN.innerHTML = "<IMG height=75 width=75 src='/getimage.php?q=" + encodeURI(TFM_IMG) +"'>";
        }
      }
      else
      {
        IMGSPAN.innerHTML = "";
      }
   }
   catch(err)
  {
    IMGSPAN.innerHTML = "";
   }  
  }
  else
  {
    TFM_Now = "No Live Data";
    TFM_Next = TFM_Now + ".";
    TFM_Show = TFM_Next;
    if(SPAN2)  SPAN2.innerHTML = "";
    if(IMGSPAN)  IMGSPAN.innerHTML = "";
  }
}

function TFM_Display(SPAN)
{
  var value;

  switch(toggle)
  {
    case 0: value = TFM_Show; break;
    case 1: value = TFM_Now; break;
    case 2: value = TFM_Next; break;
  }

  toggle = toggle +1;
  if(toggle > 2) toggle = 0;        

  if(SPAN) SPAN.firstChild.nodeValue = value;
//pos = 0;
// Scroll();
}

function getTimeForURL()
{ 
  var dt = new Date(); 
  var strOutput = ""; 
  strOutput = dt.getHours() + "_" + dt.getMinutes() + "_" + dt.getSeconds() + "_" + dt.getMilliseconds(); 
  return strOutput;
}

//Define a variable (pos) to store the current scroll position.

function Scroll()
{
     SPAN2.style.offsetTop=100;
     obj = document.getElementById('TFM_ONNOW');
//SPAN2.innerHTML = "pos=" + pos + " top=" +  obj.style.top + " offsetheight=" +  obj.offsetHeight;
     //subtract 1 from pos and check pos value using offsetHeight, which retrieves the height of the object relative to the layout.
     pos -=1;
     if(pos < 0 - obj.offsetHeight+30)
     {
       obj.style.offsetTop=obj.offsetHeight;
       return;
     }
     //set a new height value using JavaScript style object.
     obj.style.offsetTop=pos;
     //finally the function calls itself using a timeout..
}