function redirect_resolution()
{
	if(screen.width < 1024)
		document.write('<html>'
+'<head>'
+'<title>S&eacute;bastien Bach, photographe</title>'
+'<style type="text/css">'
+'body{background-color:black;font-size:14px;font-family:Helvetica,Verdana,Arial,sans-serif;color: #afafaf;}'
+'#contenu{background-repeat:no-repeat;background-image:url("/img/intro800.jpg");text-align:center;margin-left:-274px;margin-top:-207px;left:50%;top:50%;position:absolute;height:414px;width:547px;}'
+'#Compte{padding-top:350px;}'
+'#copyright{font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;color:#888;padding-top:30px;}'
+'a:link,a:visited,a:hover{color:#afafaf;text-decoration:underline;}'
+'</style>'
+'</head>'
+'<body>'
+'<div id="contenu">'
+'<div id="Compte">La r&eacute;solution de votre &eacute;cran est trop faible pour afficher ce site.<br />'
+'Utilisez une r&eacute;solution minimale de 1024x768 pixels.</div>'
+'</div>'
+'</body>'
+'</html>');
}

/* --------- wrap ------------*/

$(document).ready(function() {
	
	// make project images align-bottom
	var projects = $("#wrap").children(".project");
	var imgh;
	var margt;
	projects.each(
		function(i){
			imgh = $(this).find("img").height();
			margt = 422 - imgh - 20;
			$(this).find("img").css("margin-top",margt);
			// make sure the headings and paragraps have the same width as image
			$(this).find("p","h3").width($(this).find("img").width());
		}
	);
	// set the width of #wrap to the width of all of its content
	var ww = 0;
	var elems = $("#wrap").children();
	elems.each(
		function(i){
			ww = ww + $(this).width() + parseInt($(this).css("padding-left")) + parseInt($(this).css("padding-right"));
		}
	);
	$("#wrap").width(ww);
 });