function parseDate(date){
	var tmp = date.split(' ');
	var res = '';
	var tmp2 = tmp[0].split('-');
	res += ' le ' + tmp2[2] + '/' + tmp2[1];
	tmp2 = tmp[1].split(':');
	res+= ' à ' + tmp2[0] + ':' + tmp2[1];
	return res;
}

function loadShoutboxPage(){
//Changement de page
	loadPage({
		'page':'shoutbox.php',
		'subtitle' : 'Shoutbox',
		'background' : 'shoutbox.jpg',
		'eraseAll' : true				//Efface le contenu standard
		},
		//Callback
		function(){
			//Smartinput plugin
			$('#user-shout').smartInput();
			$('#text-shout').smartInput();
			
			//Effet transparence 
			tmp = $('.shoutbox, .shoutbox *');
			tmp.fadeTo(0, 0.6);
			tmp.each(function(index, elem){	$(elem).hover(function(){
				$(elem).fadeTo(300, 1);
			},function(){
				$(elem).fadeTo(300, 0.6);
			});});
			
			loadShouts(function(data){
				//Affichage des shouts
				var s = $('#shout-comments');
				$(data).each(function(index, elem){
					s.append('<div class="shout-comment"><span class="bold">' + elem.pseudo + parseDate(elem.date) + ' dit : </span><br />' + elem.text + '</div>');
				});
				
				//Effet transparence sur les anciens shout
				var tmp = $('.shout-comment');
				tmp.fadeTo(0, 0.6);
				tmp.each(function(index, elem){	$(elem).hover(function(){
					$(elem).fadeTo(300, 1);
				},function(){
					$(elem).fadeTo(300, 0.6);
				});});
				
				
			});
			$('#send-shout').click(function(){
				addShout($('#text-shout').val());
			});
		}
	);
}
$(window).load(function(){

	//Click sur le bouton shoutbox
	$('#shoutbox').click(
		function(){
			loadShoutboxPage();
		}
	);	

});
