// JavaScript Document
function LoadXMLImages(myXMLImages) {
	var self = this;
	//load xml file
	this.ajaxGet = function() {
		$.get(myXMLImages, function(dataImages){ self.parseXML(dataImages); });
	}

	this.parseXML = function(dataImages) {
		var urlText = new Array();
		var caption =  new Array();
		var link =  new Array();
		var i = 0;
		var k = 0;
		var m = 0;
		var num = 0;
		$(dataImages).find('img').each(function() {
			urlText[i] =  new Array();
			caption[k] =  new Array();
			link[m] =  new Array();
			var j = 0;
			var l= 0;
			var n= 0;
			$(this).find('portfolio').each(function() {
				urlText[i][j] = $(this).text();
				j++;
			});
			i++;
			
			
			
			$(this).find('caption').each(function() {
				caption[k][l] = $(this).text();
				l++;
			});
			k++;
			
			$(this).find('link').each(function() {
				link[m][n] = $(this).text();
				n++;
			});
			m++;
			
		});

		self.display(urlText, caption, link,  num);
		$('.subPage1').click(function() {
			if(num < urlText.length)
			{
				num = 0;
			} 
			else 
			{
				num = 0;
			}
			
			self.display(urlText, caption, link, num);

		});
		
			$('.subPage2').click(function() {
			if(num < urlText.length)
			{
				num = 1;
			} 
			else 
			{
				num = 1;
			}
			
			self.display(urlText, caption, link, num);

		});
			
			$('.subPage3').click(function() {
			if(num < urlText.length)
			{
				num = 2
			} 
			else 
			{
				num = 2;
			}
			
			self.display(urlText, caption, link, num);

		});
		
		
		

	}
	this.display = function(urlText, caption,link, num) {
		//write to the thumbs div
		var portfolio1 = $(".portfolio1");
		portfolio1.stop().hide();
		portfolio1.fadeIn(900).html(
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][0] + '.jpg" />' + '<p id ="caption">' + caption[num][0] + '</p>' + '<p id="link"> <a href ="' + link[num][0] + '">' + 'View Details' +  '</a>' + '</p>' + '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][1] + '.jpg" />' + '<p id ="caption">' + caption[num][1] + '</p>' + '<p id="link"> <a href ="' + link[num][1] + '">' + 'View Details' +  '</a>' + '</p>' + '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][2] + '.jpg" />' + '<p id ="caption">' + caption[num][2] + '</p>' + '<p id="link"> <a href ="' + link[num][2] + '">' + 'View Details' +  '</a>' + '</p>' + '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][3] + '.jpg" />' + '<p id ="caption">' + caption[num][3] + '</p>' + '<p id="link"> <a href ="' + link[num][3] + '">' + 'View Details' +  '</a>' + '</p>' +  '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][4] + '.jpg" />' + '<p id ="caption">' + caption[num][4] + '</p>' + '<p id="link"> <a href ="' + link[num][4] + '">' + 'View Details' +  '</a>' + '</p>' +  '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][5] + '.jpg" />' + '<p id ="caption">' + caption[num][5] + '</p>' + '<p id="link"> <a href ="' + link[num][5] + '">' + 'View Details' +  '</a>' + '</p>' +  '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][6] + '.jpg" />' + '<p id ="caption">' + caption[num][6] + '</p>' + '<p id="link"> <a href ="' + link[num][6] + '">' + 'View Details' +  '</a>' + '</p>' +  '</div>' +
		'<div class="portfolio">' + '<img src="/portfolio/advertising/print/' + urlText[num][7] + '.jpg" />' + '<p id ="caption">' + caption[num][7] + '</p>' + '<p id="link"> <a href ="' + link[num][7] + '">' + 'View Details' +  '</a>' + '</p>' +  '</div>'
		); 
		
		 
	}

	

}