var currentFeature;
var features;
var basedir = "/wp-content/themes/uc_theme";

function slideshow()
{	var xmlDoc;
	

	// code for IE
	if (window.ActiveXObject)
	{	
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation.createDocument)
	{	
		xmlDoc=document.implementation.createDocument("","",null);
	}
	else
	{
		alert('Your browser cannot handle this script');
	}

	xmlDoc.async=false;	
	xmlDoc.load(basedir + "/include/features.xml");

	//var x=xmlDoc.documentElement.childNodes;
	features = xmlDoc.getElementsByTagName("feature");

	currentFeature = 0;

	// preload all images to remove any flicker
    for(i=0; i<features.length; i++) 
	{	var newImage = basedir + features[i].getElementsByTagName("img")[0].firstChild.nodeValue;

		var newImageElem=document.createElement('img');
    	newImageElem.src=newImage;
    	newImageElem.alt="preload";
		document.getElementById("preload").appendChild(newImageElem);
	}

	setInterval ( "changeSlide()", 5000 );
	
}

function changeSlide()
{	
	currentFeature = (currentFeature == features.length-1) ? 0 : currentFeature+1;

	var feature = features[currentFeature];
	
	
	if (feature.nodeType==1)
	{ 
		document.getElementById("feature_title").firstChild.nodeValue = feature.getElementsByTagName("title")[0].firstChild.nodeValue;
		document.getElementById("feature_body").firstChild.nodeValue = feature.getElementsByTagName("text")[0].firstChild.nodeValue;
		document.getElementById("feature_url").title = feature.getElementsByTagName("title")[0].firstChild.nodeValue;
		document.getElementById("feature_url").href = feature.getElementsByTagName("url")[0].firstChild.nodeValue;

		// if there is a colour
		var colour = (feature.getElementsByTagName("colour").length > 0) ? feature.getElementsByTagName("colour")[0].firstChild.nodeValue : "#eee" ;
		document.getElementById("feature_title").style.color = colour;
		document.getElementById("feature_body").style.color = colour;
		document.getElementById("feature_more").style.color = colour;

		// if there is an alignment
		if(feature.getElementsByTagName("align").length > 0 && feature.getElementsByTagName("align")[0].firstChild.nodeValue == "right")
		{	document.getElementById("feature_text").style.textAlign = "right";
			document.getElementById("feature_text").style.marginLeft = "345px";
		}
		else
		{	document.getElementById("feature_text").style.textAlign = "left";
			document.getElementById("feature_text").style.marginLeft = "0px";			
		}

		var newImage = "url(" + basedir + feature.getElementsByTagName("img")[0].firstChild.nodeValue + ")";
		document.getElementById("feature_url").style.backgroundImage = newImage;
	}	
	
}