$(document).ready(function() {
			
			(function() {
				$('#inner').css({
					width: '508px'
				});
				$('#leftColumn').ajaxStart(function(){
					$(this).addClass('preloader');
				});
				retrieveXML("/includes/xml/press.xml");
				if(id != null) {
					var backlink = $("<a>Back</a>").attr({
						href: "index.php",
						id: "backLink"
					});

					$("#subnavwrap").append(backlink)
				}
				
			})();
			
			function retrieveXML(xmlpath) {
				$.ajax({
					type: "GET",
					url: xmlpath,
					dataType: "xml",
					success: function(xml) {
						if(id != null && id != undefined) {
							getArticle(xml, id);
						} else {
							getAllArticles(xml);
						}
					}
				});
			}
			
			function getAllArticles(xmlObj) {
				var x = $(xmlObj);
				var temp = {};
				var l = 0;
				x.find("article").each(function() {
					l++;
					var t = $(this);
					temp[t.attr("id")] = {
						thumbpath: t.find("thumbpath").text(),
						fullpath: t.find("fullpath").text(),
						htmlpath: t.find("htmlpath").text()
					}
				});
				buildHTML(temp);
			}
			
			function getArticle(xmlObj, id) {
				$('#rightColumn').ajaxStart(function(){
					$(this).html("Loading...");
				});
				var article = $(xmlObj).find("article").filter(function(){
					return $(this).attr("id") == id;
				});
				var fullpath = article.find("fullpath").text();
				var htmlpath = article.find("htmlpath").text();
				var imgEl = $("<img />").attr({
					src: fullpath,
					alt: "Image",
					width: "566",
					height: "415"
				});
				$("#leftColumn").append(imgEl);
				$("#leftColumn").removeClass("preloader");
				$.ajax({
					type: "GET",
					url: htmlpath,
					dataType: "html",
					success: function(html) {
						$("#rightColumn").html('<div id="pressContent">' + html + '</div>');
						$('#pressContent').jScrollPane({
							showArrows: true,
							dragMinHeight: 10,
							dragMaxHeight: 10, 
							scrollbarWidth: 13,
							animateTo: true,
							animateStep: 10
						});
					}
				});
			}
			
			function buildHTML(obj) {
				var inner = $('<div id="inner" class="clearfix"></div>');
				var thumbCount = -1;
				var secCount = 0;
				for(var prop in obj) {
					thumbCount++;
					if(thumbCount%6 == 0) {
						secCount++;
						var section = $('<div id="section_'+ secCount +'" class="sectionBlock"></div>')
						section.appendTo(inner);
					}
					$(section).append('<div class="articleBlock"><a href="/press/press.php?id=' + prop + '"><img src="' + obj[prop].thumbpath + '" width="144" height="187" alt="Image" /></a></div>');
				}
				$("#leftColumn").html('<div id="center"></div>');
				$("#leftColumn").removeClass("preloader");
				var innerWidth = secCount * 508;
				$(inner).css({ width: innerWidth + 'px' });
				$("#center").append(inner);
				setupNextAndPrev(innerWidth);
			}
			
			function setupNextAndPrev(innerWidth) {
				if(innerWidth > 508) {
					$('<a id="btnNextThumb" href="javascript:void(0)">Previous</a>').appendTo("#leftColumn").click(function(){
						if(parseInt($("#inner").css('left')) > -innerWidth+508 && !$("#inner").is(':animated')) {
							$("#inner").animate({
								left: '-=508'
							}, { queue: false, duration: 1000, easing: "expoEaseOut" });
						} else {
							return;
						}
					});
					$('<a id="btnPrevThumb" href="javascript:void(0)">Next</a>').appendTo("#leftColumn").click(function(){
						if(parseInt($("#inner").css('left')) < 0 && !$("#inner").is(':animated')) {
							$("#inner").animate({
								left: '+=508'
							}, { queue: false, duration: 1000, easing: "expoEaseOut" });
						} else {
							return;
						}
					});
				}
			}
});