$(document).ready(function() { 
	
		$.ajax({
		type: "GET",
		url: "/includes_templates/processmanagement/extract/media/photogallery/images.aspx?SitemediacategoryId=d39a1758-c691-4bff-b9f4-8665b4b508c1",
		//url:"/test.xml",
		dataType: "xml",
		success: function(xml) {
			parseXml(xml);
			
		}
	});
});

var imgArray = [];
var alen = 0;
var cpage=0;


function parseXml(xml) 
{

		$(xml).find("TemporaryTable").each(function() {		
		imgArray.push({big:$(this).find("LargeFileName").text(),tit:$(this).find("Title").text(),cap:$(this).find("Caption").text()})
		})
		
		alen = imgArray.length;
		//alen = 9
		
			
		$('#HeaderContainer_Flash').html('<div id="galImage"></div><div id="galmenue"></div><div id="galtit"></div><img id="galcover" src="/Images/cover.jpg"/>')
		
		for(var i=0; i<alen;i++)
		{
			$('#galmenue').append('<div class ="gmin"><img class="gminimg" src="/Images/btn.png"/><img class="gminimg2" src="/Images/btnroll.png"/><div class="JQG03">'+(i+1)+'</div></div>');
			
			$('.gmin').eq(i).css('marginLeft',(40*i)+"px");
			
		}
		//$('.gminimg2').css('opacity',0);
		$('#galmenue').css('marginLeft',930 - (alen*40))
		
		$('#galImage').html('<div id ="galIn"></div><img src="/Images/frame.png" />');
		loadi(0);
		
		$('.gmin').click(function() {
		
			loadi($(this).prevAll().length);
		
		})
		
		$('#galtit').html('<div class="JQG01"></div><div class="JQG02"></div>');	
	
}

var mnum;

function menua(n)
{

	
}

var si;
function inte()
{
	clearInterval(si);
	si =  setInterval(loadnext,8000);	
}

function loadnext()
{
	cpage++;
	if(cpage >= alen) cpage = 0;
	loadi(cpage);		
}

function loadi(n)
{
	
	for(var s=0; s<alen;s++)
		{
	$('.gminimg2').eq(s).animate({marginTop:41}, 500);
		}
	$('.gminimg2').eq(n).stop().animate({marginTop:0}, 500);
	//alert($('.gminimg2').eq(n));
	
	mnum = n;
	
	cpage = n;
	
	var pic = new Image();
	cim = n;
	
	$("#wballon").stop().animate({marginLeft:(12+(n*20))}, 500);
	
	
	$(pic).load(function()  
	{
		
		inte();
		$('#galIn').append('<img src="'+pic.src+'"/>');
		
		$("#galIn img").eq($("#galIn").children().length-1).css("opacity",0);
		$("#galIn img").eq($("#galIn").children().length-1).css("marginLeft",-20);
		$("#galIn img").eq($("#galIn").children().length-1).css("marginTop",-20);
		$("#galIn img").eq($("#galIn").children().length-1).css("width",310);
		$("#galIn img").eq($("#galIn").children().length-1).css("height",280);
		
			$("#galIn img").eq($("#galIn").children().length-1).stop().animate({marginLeft:0,marginTop:0,width:270,height:240,opacity:1}, 500);
			
			if($("#galIn").children().length > 2)$("#galIn img").eq($("#galIn").children().length-3).remove();
		
		
		
		//$(".JQG01").stop().fadeOut()
		//$(".JQG02").stop().fadeOut()
		
		$("#galcover").animate({opacity:1}, 500,function(){loadNextText()});
			
		
		
		
			
		
		
		//$("#hmgalback").stop().delay(300).animate({marginLeft:781}, 500,function(){loadNextText()});
		//$("#hh1").stop().delay(0).animate({marginLeft:200}, 500);
		//$("#hh2").stop().delay(50).animate({marginLeft:200}, 500);
		//$("#hh3").stop().delay(100).animate({marginLeft:200}, 500);
		//$("#hh4").stop().delay(150).animate({marginLeft:200}, 500);
		//$("#hh5").stop().delay(200).animate({marginLeft:200}, 500);
		
		//$(".bigimgin").eq($("#hbigimage").children().length-1).stop().animate({opacity:1}, 500);
	//	if($("#hbigimage").children().length > 2)$(".bigimgin").eq($("#hbigimage").children().length-3).remove();
	
		
	})	
	pic.src =imgArray[n].big;
	
	function loadNextText()
	{
		
		
		$('#galtit').html('<div class="JQG01">'+imgArray[n].tit+'</div><div class="JQG02">'+imgArray[n].cap+'</div>');	
	$("#galcover").animate({opacity:0}, 500);
	//$('.JQG01').html(imgArray[n].tit);
	//$('.JQG02').html(imgArray[n].cap);
		
		/*$('.JQG01').css('opacity',0);
		$('.JQG02').css('opacity',0);*/
		
	
		
		/*$(".JQG01").stop().delay(0).animate({opacity:1}, 500);
		$(".JQG02").stop().delay(200).animate({opacity:1}, 500);*/
		
			
	}

}


function trace(m) {
	console.log(m);
}