var xmlObj = null;
var DHTML = (document.getElementById || document.all);
var clipTop = 10;
var clipWidth = 175;
var clipBottom = 295;
var topper = 0;
var lyrheight = 0;
var lyrname = "scollerLinks";
var oScrollDiv, time, amount, theTime, theHeight;
var defaultIndex = 1;

function ajaxRead(file){
 
  if(window.XMLHttpRequest){
      xmlObj = new XMLHttpRequest();
  } else if(window.ActiveXObject){
      xmlObj = new ActiveXObject("Microsoft.XMLHTTP");      
  } else {
      return;
  }
    
  xmlObj.onreadystatechange = function(){
    if(xmlObj.readyState == 4){            
       updatePage(); 	                    
     }
    }
    xmlObj.open ('GET', file, true);    
    xmlObj.send ('');            
  }

function updatePage(){  
  addLinks();
  updateContent(defaultIndex);     
}

function addLinks()
{
  var links = xmlObj.responseXML.getElementsByTagName('link');
  var content = "";
  var link = "";
  var linkString = ""; 
  var id = "";  

  for (var i = 0; i < links.length; i++) {
    link = links[i].firstChild.data;
    content = xmlObj.responseXML.getElementsByTagName('content')[i].firstChild.data;
    id = xmlObj.responseXML.getElementsByTagName('id')[i].firstChild.data;
    linkString += "<p class='p_redLinks'><a class='redLinks' href='#' onclick='updateContent(" + id + ");'><span id='"+id+"'><b>Misperception: </b>" + link + "</span></a></p>";    
  }
  document.getElementById('scollerLinks2').innerHTML = linkString;
}

function updateContent(index)
{
  var data = xmlObj.responseXML.getElementsByTagName('content')[index-1].firstChild.data;  
  var image = xmlObj.responseXML.getElementsByTagName('image')[index-1].firstChild.data;
  var height = xmlObj.responseXML.getElementsByTagName('imgheight')[index-1].firstChild.data; 
  var width = xmlObj.responseXML.getElementsByTagName('imgwidth')[index-1].firstChild.data; 
  var replaceData = data.replace(/@BREAK@/g,"</p><p>");
  var title = document.getElementById(index).innerHTML;
      
  if (index == 5) replaceData = replaceData.replace("@FDALINK@","<a style='text-decoration:underline;' href='http://216.64.209.81/your-wellness-wisdom/sweetness-taste/fda-process.jsp' target='_blank'>Learn more about the FDA approval process.</a>");
  
  document.getElementById('mythHeader').innerHTML = "<span style='font-size:14px;'>" + title + "</span>";
  document.getElementById('rightContent').innerHTML = "<p style='margin:0;padding:0;'>" + replaceData + "</p>";  
  document.getElementById('rightImage').innerHTML = "<img width='"+width+"' height='"+height+"' src=/images/myths/" +image+ "><br>";
}

function scrollayer(layername,amt,tim)
{
	if (!DHTML) return;
	thelayer = new getObj(layername);
	if (!thelayer) return;
	amount = amt;
	theTime = tim;
	realscroll();
}

function getObj(name)
{
	if (document.getElementById)
	{
		this.obj = document.getElementById(name);		
	}
	else if (document.all)
	{
		this.obj = document.all[name];		
	}	
	if ( this.obj )
	{
		this.style = this.obj.style;		
		if (lyrheight == 0 )
		{
			lyrheight = this.obj.offsetHeight;      			
		}
	}
}

function stopScroll()
{
	if (time) clearTimeout(time);
}

function realscroll()
{
	if (!DHTML) return;
	clipTop += amount;
	clipBottom += amount;
	topper -= amount;
	if (clipTop < 0 || clipBottom > lyrheight)
	{
		clipTop -= amount;
		clipBottom -= amount;
		topper += amount;
		return;
	}
	if (document.getElementById || document.all)
	{
		clipstring = 'rect('+clipTop+'px,'+clipWidth+'px,'+clipBottom+'px,0)';		
		thelayer.style.clip = clipstring;
		thelayer.style.top = topper + 'px';
	}
	time = setTimeout('realscroll()',theTime);
}