var xmlDoc;
var currentid;

	function loadxml()
    {
      xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async = false;
      xmlDoc.onreadystatechange = readXML;
      xmlDoc.load("carousel\\carousel.xml");
    }

 

	
	function ajaxNewDetails()
	{
		//alert();
		projectID = $(this).attr('id').replace(/spinner-/,'');
		currentid = projectID;
		loadxml();
		
		/*type = 'workClients';
		$.ajax({
			type: "POST",
			url: "/ajax/mainSpinner.php",
			dataType: "html",
			data: {projectID: projectID},
			success: function(html){
				$('#recentWork .inner').hide().html(html).fadeIn('slow');
			}
		});*/
		return false;
	}
	
	
	
	function readXML()
    {
	   //alert(currentid);
       if(xmlDoc.readyState == 4)
       {
		   var rootnode = xmlDoc.documentElement.childNodes;
		   //alert(rootnode);
		   var nodes=rootnode.length;
			//alert(nodes);
		   for(var i=0; i<rootnode.length; i++)
		   {
			   if(currentid==rootnode[i].childNodes[0].text)
			   {
			   //alert(rootnode[i].nodeName);
			   //alert(rootnode[i].childNodes[0].text);
			   var headingtxt = document.getElementById("headingtext");
			   var descriptiontxt = document.getElementById("descriptiontext");
			   headingtxt.innerHTML = rootnode[i].childNodes[1].text;
			   descriptiontxt.innerHTML = rootnode[i].childNodes[2].text;
			   
			   }
			
		   }
		   
        


	   }
     }
	
	
	
	
	


$(document).ready(function(){
	$('.spinner').cycle({
		fx: 'scrollLeft',
		speed: 1000,
		timeout: 5000,
		pause: 1,
		next: "#recentWork .controls .next",
		pager:  '#recentWork .controls div',
		before: ajaxNewDetails
	});
});