window.addEvent('domready', function() {

if($('shoutbox_contain'))
{
	// refresh every 4 seconds
	var timer = 25;
	
	var time = $time();
	 
	var start = $('refresh'), insert = $('insert'), log = $('messagebox');
	
	var ajax = new Request({
		method: 'post', 
		evalScripts: true, 
		url:"shoutbox.php",
		initialDelay: 0,
		delay: 15000,
		onRequest: function() {$("loading").set("html","<img src='images/loading.gif' />")},
		onSuccess: function(response){display(response)}});

		ajax.startTimer({action: "refresh"}); 	
	 
	// start and stop click events
	start.addEvent('click', function(e) {
		// prevent default
		new Event(e).stop(); 
		// prevent insane clicks to start numerous requests
		
		time = $time();
		
		ajax.stopTimer();
		ajax.startTimer({action: "refresh"});
		
	});
	
	// start and stop click events
	insert.addEvent('click', function(e) {
		// prevent default
		 
		// prevent insane clicks to start numerous requests
		if($("message").get('value').trim() != "")
		{
			new Event(e).stop();
			time = $time();
			
			ajax.stopTimer();
				
			ajax.send("message="+$("message").get('value'));
			
			$("message").set('value', "");
			
			$("message").focus();
		
			ajax.startTimer({action: "refresh"});
		}
	 
		
	});
	
	// start and stop click events
	$("message").addEvent('keypress', function(e) {
		// prevent default
	
		var event = new Event(e);
		
		 if(event.key == 'enter' && $("message").get('value').trim() != "")
		 {
			new Event(e).stop();
			
			time = $time();
			
			ajax.stopTimer();
			
			ajax.send("message="+$("message").get('value'));
			
			$("message").set('value', "");
		
			$("message").focus();
	
			ajax.startTimer({action: "refresh"});
					
		 }
		
	});
	
	$("plus").addEvent('click', function(e) {
										 
	var size = $('shoutbox_contain').getSize();
	
	if(size.y <= 300)
	{	
		var myEffects = new Fx.Morph('shoutbox_contain', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		
		myEffects.start({'height': [size.y, size.y + 50]});
		Cookie.write('height', size.y + 50);
	
	}
	});
	
	$("moin").addEvent('click', function(e) {
	
	var size = $('shoutbox_contain').getSize();
	
	if(size.y - 50 >= 150)
	{	
		var myEffects = new Fx.Morph('shoutbox_contain', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	
		myEffects.start({'height': [size.y, size.y - 50]});
		Cookie.write('height', size.y - 50);
	
	}
	
	});
	
	if($("btn_active"))
	{
		
		$("btn_active").addEvent('click', function(e){
		e = new Event(e);
		
		time = $time();
		
		ajax.startTimer({action: "refresh"}); 		
		
		e.stop();});
	}
	
	function display(response)
	{
		log.set('html',response);
		$("loading").set("html","")
		
		$(document.body).getElements('a[rel=delete]').each(function(obj)
		{
			obj.addEvent("click",function(e) {
			
				e = new Event(e);
				time = $time();
			
				ajax.stopTimer();
					
				ajax.send("del="+obj.getProperty('id'));
			
				ajax.startTimer({action: "refresh"});
				e.stop();
			});
		});
		
		var now = $time();
		
		if(now - time >= 180 * 1000)
			
		{
			var content = $("shoutbox_contain").get("html");
			$("shoutbox_contain").set("html","<div style='background-color:#ffede9; padding-top:5px; padding-bottom:5px' align='center'><b>Shoutbox désactivée pour inactivité, rafraîchissez pour relancer la discution.</b></div>"+content);
			ajax.stopTimer();
			
		}
		
	}
}

});