function displayThumbs(allProjects){
	var display = [];

	for(var i = 0; i < allProjects.length; i++){
		var project = allProjects[i];  
		var name  = project.getAttribute('name');
		var subtitle = project.getAttribute('subtitle');
		var description = project.childNodes[0].childNodes[0].nodeValue;
		var images = project.childNodes[1].getElementsByTagName('image');
		
		var imgMarkupDisplay=[];
		for(var ii = 0; ii < images.length; ii ++){
			var image = images[ii];
			var imgDesc = image.getAttribute('desc');
			imgMarkup = '<div class="picHolder">\
				<img src="assets/images/project_images/'+name+'/'+image.childNodes[0].nodeValue+'.jpg">\
				<p class="imgDesc">'+imgDesc+'</p>\
			</div>'
			imgMarkupDisplay.push(imgMarkup)
		}

		var imgMarkupDisplaydisjoin = imgMarkupDisplay.join("");

		var pMarkup = '<div class="projectBox">\
					<div class="picContainer">\
							<div class="picWrap">\
								'+imgMarkupDisplaydisjoin+'\
							</div>\
						<div class="selectorsWrap clearfix">\
							<div class="prev"><a href="javascript:void(0);">previous</a></div>\
							<ul class="selectors">\
							</ul>\
							<div class="next"><a href="javascript:void(0);">next</a></div>\
						</div>\
					</div>\
					<div class="infoTabWrap">\
						<div class="infoTab">\
							<div class="infoContent">\
							<p><span>'+name+'</span></p>\
							<p class="desc">'+description+'</p>\
							</div>\
							<p class="infoClose">x close</p>\
						</div>\
					</div>\
					</div>';
		var markup = '<div class="projectWrap clearfix">\
					<div class="thumbBox">\
						<a href="javascript:void(0);"><img src="assets/images/project_images/'+name+'/thumb.jpg" alt="'+name+'" class="pclick"></a>\
						<p class="name">'+name+'</p>\
						<p class="lineTwo">'+subtitle+'</p>\
					</div>'+pMarkup+'</div>';
					
		display.push(markup);
	}
	var contentIndex = $('.contentIndex').get(0);
	if(contentIndex){
		var disjoin = display.join("");
		contentIndex.innerHTML = disjoin;		
	}
	$('.pclick').click(function(){
		$('.menu2').fadeIn();
		$('p.back').fadeIn();
		$('.thumbBox').hide();
		$('.projectWrap').hide();
		$(this).parents('.projectWrap').show()
		$(this).parents('.projectWrap').children('.projectBox').show()

		$( Pic.Init );
	});

	$('.menu2').click(function(){	
		$('.infoTab').slideDown('slow');
		$('.infoClose').show('slow')
	});
	$('.infoClose').click(function(){	
		$('.infoTab').slideUp('slow');
	});
	$('p.back').click(function(){
		$('.infoTab').hide();
		$('.projectWrap').show()
		$('.projectWrap').children('.projectBox').hide();
		$('.thumbBox').show();
		$(this).fadeOut();
		$('.menu2').fadeOut();
	});
	buildDivs();
	
}
function buildDivs(){
	var display;
	var cleardis;
	var indexShown = 0;
	display = setInterval(shownNextDiv,100);
	function shownNextDiv() {
		if ($(".contentIndex div.thumbBox").length >= indexShown){
			$(".contentIndex div.thumbBox:eq(" + indexShown  +  ")").fadeIn();
		}else{ 
			cleardis = clearInterval(display);
		}
	indexShown++;
	}
}

function displayNews(allNews){
	var dislayN= [];
	for(var ii = 0; ii < allNews.length; ii++){
		var newsNode = allNews[ii];  
		//console.log(newsNode+' sss');
		var name  = newsNode.childNodes[0].childNodes[0].nodeValue;
		var date = newsNode.childNodes[1].childNodes[0].nodeValue;
		var description = newsNode.childNodes[2].childNodes[0].nodeValue;
		var newsImg = newsNode.childNodes[3].childNodes[0].nodeValue;

		var newsMarkup = '<div class="newsEntry clearfix">\
							<div class="leftColumn">\
								<p class="title">'+name+'<span class="date">'+date+'</span></p>\
								<p>'+description+'</p>\
							</div>\
							<div class="rightColumn"><img src="assets/images/news_images/'+newsImg+'.jpg"></div>\
						</div>'
		
		dislayN.push(newsMarkup);
	}
	
	
	var content = $('.content').get(0);
	if(content){
		var dislayNewsJoin = dislayN.join("");
		content.innerHTML = dislayNewsJoin;		
	}
}

function displayProfile(allProfile){
	var des = allProfile.childNodes[0].childNodes[0].nodeValue;
	var profileText;
	if($('.profile').length > 0){
		profileText = "Download Résumé";
	}
	if($('.profil').length > 0){
		profileText = "Download Curriculum Vitae";
	}
	var proMarkup = '<div class="profileDesc">\
		<div class="leftColumn">'+des+'</div>\
		<div class="rightColumn"><div class="pdfWrap"><a href="cv.pdf" target="_blank">'+profileText+'</a></div><div class="profileImg"></div></div>\
	</div>';
	
	var content = $('.content').get(0);
	if(content){
		content.innerHTML = proMarkup;
	}	
}