$(document).ready(function(){
	var colors = new Array(
		new Array('#0000ff', '#ffffff'), 
		new Array('#8000FF', '#ffffff'), 
		new Array('#ff00ff', '#000000'), 
		new Array('#ff0033', '#ffffff'),
		new Array('#ff5500', '#ffffff'),
		new Array('#ff9100', '#ffffff'),
		new Array('#ffC404', '#000000'),
		new Array('#fff700', '#000000'),
		new Array('#cdf602', '#000000'),
		new Array('#65ce0c', '#000000'),
		new Array('#0ca9ce', '#ffffff'),
		new Array('#0c6cce', '#ffffff')
		);
	var color = 1;
	
	$("#carre1").bind('mouseover', showCarre1);
	$("#carre2").bind('mouseover', showCarre2);
	$("#carre3").bind('mouseover', showCarre3);
	$("#carre4").bind('mouseover', showCarre4);
	
	function showCarre1 ()
	{
		color = Math.round((colors.length-1)*Math.random());
		$("#carre1").css("background-color", colors[color][0]);
		$("#contenu1").css("color", colors[color][1]);
		$("#contenu1 a").css("color", colors[color][1]);
		$("#contenu1").fadeIn('fast');
		$("#contenu2").fadeOut('slow');
		$("#contenu3").fadeOut('slow');
		$("#contenu4").fadeOut('slow');
		$("#carre2").css("background-color", 'white');
		$("#carre3").css("background-color", 'white');
		$("#carre4").css("background-color", 'white');
		$("#carre1").unbind('mouseover', showCarre1);
		$("#carre2").bind('mouseover', showCarre2);
		$("#carre3").bind('mouseover', showCarre3);
		$("#carre4").bind('mouseover', showCarre4);
	}
	
	function showCarre2 ()
	{
		color = Math.round((colors.length-1)*Math.random());
		$("#carre2").css("background-color", colors[color][0]);
		$("#contenu2").css("color", colors[color][1]);
		$("#contenu2 a").css("color", colors[color][1]);
		$("#contenu1").fadeOut('slow');
		$("#contenu2").fadeIn('fast');
		$("#contenu3").fadeOut('slow');
		$("#contenu4").fadeOut('slow');
		$("#carre1").css("background-color", 'white');
		$("#carre3").css("background-color", 'white');
		$("#carre4").css("background-color", 'white');
		$("#carre1").bind('mouseover', showCarre1);
		$("#carre2").unbind('mouseover', showCarre2);
		$("#carre3").bind('mouseover', showCarre3);
		$("#carre4").bind('mouseover', showCarre4);
	}
	
	function showCarre3 ()
	{
		color = Math.round((colors.length-1)*Math.random());
		$("#carre3").css("background-color", colors[color][0]);
		$("#contenu3").css("color", colors[color][1]);
		$("#contenu3 a").css("color", colors[color][1]);
		$("#contenu1").fadeOut('slow');
		$("#contenu2").fadeOut('slow');
		$("#contenu3").fadeIn('fast');
		$("#contenu4").fadeOut('slow');
		$("#carre1").css("background-color", 'white');
		$("#carre2").css("background-color", 'white');
		$("#carre4").css("background-color", 'white');
		$("#carre1").bind('mouseover', showCarre1);
		$("#carre2").bind('mouseover', showCarre2);
		$("#carre3").unbind('mouseover', showCarre3);
		$("#carre4").bind('mouseover', showCarre4);
	}
	
	function showCarre4 ()
	{
		color = Math.round((colors.length-1)*Math.random());
		$("#carre4").css("background-color", colors[color][0]);
		$("#contenu4").css("color", colors[color][1]);
		$("#contenu4 a").css("color", colors[color][1]);
		$("#contenu1").fadeOut('slow');
		$("#contenu2").fadeOut('slow');
		$("#contenu3").fadeOut('slow');
		$("#contenu4").fadeIn('fast');
		$("#carre1").css("background-color", 'white');
		$("#carre2").css("background-color", 'white');
		$("#carre3").css("background-color", 'white');
		$("#carre1").bind('mouseover', showCarre1);
		$("#carre2").bind('mouseover', showCarre2);
		$("#carre3").bind('mouseover', showCarre3);
		$("#carre4").unbind('mouseover', showCarre4);
	}
	
	
});