function loadProject(id)
{
	$.ajax({
	  url: '/?page=project-text1&projid='+id,
	  success: function(data) {
	    $('#werkLeft').html(data);
	  }
	});
	$.ajax({
	  url: '/?page=project-text2&projid='+id,
	  success: function(data) {
	    $('#bottomTxt').html(data);
	  }
	});
	$.ajax({
	  url: '/?page=project-text3&projid='+id,
	  success: function(data) {
	    $('#workFooter').html(data);
	  }
	});
	$.ajax({
	  url: '/?page=projecturl&projid='+id,
	  success: function(data) {
		setBackground(data);
	  }
	});
	
	loaded_project = id;
}

function showProject(id)
{
	loadProject(id);
	setPage(1);
}

$(document).ready(function(){
	$(".innerBox").hover(function(){
		$(this).addClass('innerBoxHover');
	}, function() {
		$(this).removeClass('innerBoxHover');
	})
	$(".projects").click(function(){
		$(this).toggleClass('arrowUp');
		if($(this).next().hasClass("none"))
		{
			$(this).next().addClass("inline");
			$(this).next().removeClass("none");
		}
		else
		{
			$(this).next().addClass("none");
			$(this).next().removeClass("inline");
		}
		$('#scroll-2').jScrollPane({showArrows:true, scrollbarWidth: 22, arrowSize: 20}); 
	})
});