var Referance = new Array();
function showReferance()
{
	var MyDiv = document.getElementById('MonthlyProduct');
	MyDiv.innerHTML = '';
	MyDiv.style.backgroundImage = 'url(Template/Images/Design/Layout/ajax-loader.gif)';
	Mono.XML.loadFile("Referances.xml");
	Mono.XML.ready(prepairReferance);
}
function prepairReferance()
{
	var xml = Mono.XML.Request.getElementsByTagName('ArrayOfXmlReference');
	var k=0;
	for (var j=0; j<xml[0].childNodes.length; j++)
	{
		if ( (xml[0].childNodes[j].nodeType == 1)) 
		{
			Referance[k] = new Array();
			Referance[k]['ID'] = xml[0].childNodes[j].getAttribute('id');
			Referance[k]['Name'] = xml[0].childNodes[j].getAttribute('name');
			Referance[k]['SmallImg'] = xml[0].childNodes[j].getAttribute('SmallIMG');
			Referance[k]['BigImg'] = xml[0].childNodes[j].getAttribute('BigIMG');
			Referance[k]['BigWidth'] = xml[0].childNodes[j].getAttribute('BigWidth');
			Referance[k]['BigHeight'] = xml[0].childNodes[j].getAttribute('BigHeight');
			k++;
		}
	}
	createResult();
}
function createResult(step)
{
	var MyDiv = document.getElementById('MonthlyProduct');
	if (step<Referance.length-1)
		step++
	else
		step=0
	var myImg = new Image();
	myImg.src = Referance[step]['SmallImg'];
	myImg.id = 'RefImg'+Referance[step]['ID'];
	myImg.title = Referance[step]['Name'];
	myImg.style.display = 'block';
	myImg.style.margin = '10px auto';
	MyDiv.style.backgroundImage = 'none';
	MyDiv.innerHTML = "";
	var Link = document.createElement('A');
	Link.rel = "lightbox[ref]";
	Link.title = Referance[step]['Name'];
	Link.href = Referance[step]['BigImg'];
	MyDiv.appendChild(Link);
	Link.appendChild(myImg);
	var TextNode = document.createTextNode(Referance[step]['Name']);
	
	var DivNode = document.createElement('DIV');
	DivNode.style.color = "#666666";
	DivNode.style.fontSize = "11px";
	MyDiv.appendChild(DivNode);
	DivNode.appendChild(TextNode);
	fadeIn("MonthlyProduct" ,10);
	setTimeout("createResult('"+step+"')",4000);
}
function setOpacity(obj, opacity) 
{
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity,maxD) 
{
	if(!maxD)
	maxD = 100;
  if (document.getElementById) 
  {
    var obj = document.getElementById(objId);
    if (opacity <= maxD) 
	{
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+","+maxD+")", 50);
    }
  }
}