// This script dynamically resize the columns of the page in respect of the content
/*
 * Include the script at the bottom of the page:
 *  <script type="text/javascript" src="scripts/contentShift.js">
 *  </body>
 */
	articles = null;
	currentArticle =  0;
	var projectsContent = {
		nextArticle: function(){
			if(currentArticle < articles.length-1){
				$(articles[currentArticle]).fadeOut(0, this.nextfadeComplete);
			}
		},
		nextfadeComplete:function(){
			currentArticle++;
			$(articles[currentArticle]).fadeIn(0);
		},
		previousArticle: function(){
			if(currentArticle > 0){
				$(articles[currentArticle]).fadeOut(0, this.previousfadeComplete);
			}
		},
		previousfadeComplete:function(){
			currentArticle--;
			$(articles[currentArticle]).fadeIn(0);
		},
		init: function(){
			articles = $(".projectsContent").children(".projectContent");
			for(var i = 1; i < articles.length; i++){
				$(articles[i]).hide();
			}
			currentArticle = 0;
		}
	}
	$(document).ready(function() {		
		projectsContent.init();
		$(".next").click(function(){
			projectsContent.nextArticle();
		});
		$(".previous").click(function(){
			projectsContent.previousArticle();
		});
	});