$(document).ready(function() {
	$.ajax({
		type: "GET",
		//url: "/testproduct.xml",
		url:"/includes_templates/processmanagement/extract/media/photogallery/category.aspx?SiteItemId="+pid,
		dataType: "xml",
		success: function(xml) {
			parseXml(xml);
			
		}
	});
	
});

var galar = [];

function parseXml(xml) 
{
	
	$(xml).find("TemporaryTable").each(function() {
		galar.push( $(this).find("ChildId").text())
		})
	
	$.ajax({
		type: "GET",
		//url: "/testproduct.xml",
		url:"/includes_templates/processmanagement/extract/media/photogallery/images.aspx?SitemediacategoryId="+galar[1],
		dataType: "xml",
		success: function(xml) {
			galXml(xml);
			
		}
	});	
}

var imgArray = [];


function galXml(xml) 
{
	window.setInterval(yourfunction, 7000);
	
	$(xml).find("TemporaryTable").each(function() {
		imgArray.push({big:$(this).find("LargeFileName").text(),tit:$(this).find("Title").text(),cap:$(this).find("Caption").text(),url:$(this).find("URL").text()})
		})
		
		$("#HomeRightPane").append("<div id='HomeRP'></div>");
		
		$("#HomeRP").append("<div id='imageTeam'></div>");	
		$("#imageTeam").append("<div class='imageBack'></div>");
		$("#imageTeam").append("<div class='imageBack'></div>");
		$("#HomeRP").append("<div id='galTitle'></div>");
		$("#HomeRP").append("<img id='arrButton' src='images/arr.png'/>");
		
		//$("#galTitle").css("marginLeft",270)
		
		
		im(0);
		
		$("#arrButton").click(function() {
			
	
			cpos++;
			if(cpos >= imgArray.length)  cpos = 0;
			im(cpos);
			
			})
			
		

	
}

function im(n)
{
	cpos = n;
	
	var pic = new Image();
	cim = n;
	
	$(pic).load(function() {
	

			pichei = 297;
			picwid =(pic.width/pic.height)*pichei;
				
				$("#imageTeam").append("<img class= 'imageBack' src='"+pic.src+"' width='"+picwid+"' height='"+pichei+"'>");
				$(".imageBack").eq($("#imageTeam").children().length-1).css("marginLeft",-270);
				$(".imageBack").eq($("#imageTeam").children().length-1).css("opacity",-1);
				
				$(".imageBack").eq($("#imageTeam").children().length-1).stop().delay(250).animate({opacity:1,marginLeft:0}, 500);
				$(".imageBack").eq($("#imageTeam").children().length-2).stop().animate({opacity:0,marginLeft:270}, 500);
				$(".imageBack").eq($("#imageTeam").children().length-3).remove();
				
				$("#galTitle").animate({opacity:0,marginLeft:270}, 250, function() {
					
  				$("#galTitle").html("<div class='hg1'>"+imgArray[n].tit+"<br><span style='font-size:13px; color:#b4c7eb;'>"+imgArray[n].cap+"</span></div><div class='hg3'><a href='"+ imgArray[n].url +"'>Learn More</a></div>");
 				$("#galTitle").css("marginLeft",-270);
				$("#galTitle").animate({opacity:1,marginLeft:60}, 500);
  });
				
			})	
	pic.src = imgArray[n].big;
	
	
	
}



function yourfunction() {  
			
			if(imgArray.length > 1)
			{
			
			cpos++;
			if(cpos >= imgArray.length)  cpos = 0;
			im(cpos);
			}
}