// JavaScript Document
var img1 = new Image();
img1.src = '/homepage_scripts/banner/images/Image1.jpg';
var img2 = new Image();
img2.src = '/homepage_scripts/banner/images/Image2.jpg';
var img3 = new Image();
img3.src = '/homepage_scripts/banner/images/Image3.jpg';
var img4 = new Image();
img4.src = '/homepage_scripts/banner/images/Image4.jpg';
var img5 = new Image();
img5.src = '/homepage_scripts/banner/images/Image5.jpg';

var timer;
var xmlDoc;
var arr = new Array(5);

function ClickBox(num)
{
    applyTransition(document.getElementById('imagefade'),num);
	document.getElementById('pText').innerHTML = arr[num-1][0];
    document.getElementById('imagefade').src = "/homepage_scripts/banner/images/" + arr[num-1][1];
	clearTimeout(timer);
    if (num == arr.length) num = 0;
    timer = setTimeout("ChangeImage(" + num + ")","10000");
}
function  ChangeImage(j)
{
    applyTransition(document.getElementById('imagefade'),j+1);
    document.getElementById('pText').innerHTML = arr[j][0];
    document.getElementById('imagefade').src = "/homepage_scripts/banner/images/" + arr[j][1];
    j++;
    if (j == arr.length) j = 0;
    timer = setTimeout("ChangeImage(" + j + ")","10000");
}
function importXML()
{
	if (document.implementation && document.implementation.createDocument)
	{
		LoadArray(xmlDoc); 
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    	xmlDoc.load("/homepage_scripts/banner/slideshow.xml");
		xmlDoc.onreadystatechange = function () { if (xmlDoc.readyState == 4) LoadArray(xmlDoc); };
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
}
function LoadArray(xmlDoc)
{
    if (xmlDoc) 
    {
        x = xmlDoc.getElementsByTagName('slideshow');
        for (i=0;i<x[0].childNodes.length;i++)
        {
            arr[i] = new Array(2);
            arr[i][0] = x[0].childNodes[i].childNodes(0).firstChild.text;
            arr[i][1] = x[0].childNodes[i].childNodes(1).firstChild.text;
        }
    }
    else
    {
        var req = new XMLHttpRequest();
        req.open("GET", "/homepage_scripts/banner/slideshow.xml", false); 
        req.send(null);
        var xmlDoc = req.responseXML;		
        var nsResolver = xmlDoc.createNSResolver( xmlDoc.ownerDocument == null ? xmlDoc.documentElement : xmlDoc.ownerDocument.documentElement);
        var imageIterator = xmlDoc.evaluate('//image', xmlDoc, nsResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
        var textIterator = xmlDoc.evaluate('//desc', xmlDoc, nsResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
        for (j=0;j<textIterator.snapshotLength;j++)
        {
            arr[j] = new Array(2);
            arr[j][0] = textIterator.snapshotItem(j).textContent;
        }
        for (l=0;l<imageIterator.snapshotLength;l++)
        {
           arr[l][1] = imageIterator.snapshotItem(l).textContent;
        }
    }
    ChangeImage(0);
}
function applyTransition (obj,num)
{
    if (obj.filters)
    {
        if (obj.style.filter='') obj.filters(0).Stop();
        obj.style.filter='progid:DXImageTransform.Microsoft.Fade(overlap=0.9)';
        obj.filters(0).Apply();
        obj.style.visibility = "visible";
        obj.filters(0).Play(1);
    }
    for (i=1;i<6;i++)
    {
        if (i==num)
        {
          document.getElementById('box'+i).className="greybox";
        } 
        else
        {
          document.getElementById('box'+i).className="blackbox";        
        } 
    }
}
importXML();