jQuery(document).ready(function(){
		var Pic1 = document.getElementById('leftImage');
		var Pic2 = document.getElementById('middleImage');
		var Pic3 = document.getElementById('rightImage');
		var Text1 = document.getElementById('leftText');
		var Text2 = document.getElementById('middleText');
		var Text3 = document.getElementById('rightText');
		var current = 1;
		var max = 6;
		var finalPos = max - 2;
		var ItemText=new Array();
		var ItemPic=new Array();
		var ItemLink=new Array();

		
		
		if (window.XMLHttpRequest)
		{// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp=new XMLHttpRequest();
		}
		else
		{// code for IE6, IE5
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.open("GET","../projects.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
		var x=xmlDoc.getElementsByTagName("project");
		for (i=0;i<x.length;i++)
		{ 
			ItemText[i+1] = x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
			ItemPic[i+1] = x[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
			ItemLink[i+1] = x[i].getElementsByTagName("href")[0].childNodes[0].nodeValue;
		}
		$("#leftLink").attr("href", ItemLink[1]);
		$("#middleLink").attr("href", ItemLink[2]);
		$("#rightLink").attr("href", ItemLink[3]);
		$(Text1).html(ItemText[1]);
		$(Text2).html(ItemText[2]);
		$(Text3).html(ItemText[3]);
		$("img#leftImage").attr('src', ItemPic[1]);
		Pic2.src = ItemPic[2];
		$("img#rightImage").attr('src', ItemPic[3]);
		  
		
		
	function changer(number1,number2,number3)
	{
	$("#leftLink").attr("href", ItemLink[number1]);
	$("#middleLink").attr("href", ItemLink[number2]);
	$("#rightLink").attr("href", ItemLink[number3]);
	$(Text1).html(ItemText[number1]);
	$(Text2).html(ItemText[number2]);
	$(Text3).html(ItemText[number3]);
	Pic1.src = ItemPic[number1];
	Pic2.src = ItemPic[number2];
	Pic3.src = ItemPic[number3];
	}		
	


	jQuery("#productRight").click(function(){
		if (current != finalPos)
		{
			current = current + 1;
			left = current;
			middle = current + 1;
			right = current + 2;
			changer(left,middle,right);
		}
		return true;
	});
	
	jQuery("#productLeft").click(function(){
		if (current != 1)
		{
			current = current - 1;
			left = current;
			middle = current + 1;
			right = current + 2;
			changer(left,middle,right);
		}
		return true;
	});

});