// TODO : sauvegarde dans un cookie (Hash.Cookie et Sortable)
var wop_sortme = new Hash.Cookie('wop_sortme', {autoSave: true});
var sortme;

// images aggrandir/reduire (preload)
new Element('img', { 'src': root_url+'/images/global/plus.png' });
new Element('img', { 'src': root_url+'images/global/moins.png' });
new Element('img', { 'src': root_url+'/images/global/plus_r.png' });
new Element('img', { 'src': root_url+'images/global/moins_r.png' });

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

// les listes
sortme = new Sortables('#sortme_left, #sortme_right', {
	constrain: true,
	clone: false,
	opacity: 0.5,
	handle: '.handler_left, .handler_right'
});

// bloc gauche
	$$('.contenu_bloc_gauche').each(function(el) {
		if(!el.hasClass('nored')) {
			var toggler_reduire_left_link = new Element('a', {
				'id': 'r'+parseInt(Math.random()*100000000),
				'html': '<img alt="R&eacute;duire" title="R&eacute;duire" src="'+root_url+'/images/global/moins.png" />',
				'name': 'toggler_rlink_left',
				'style': 'background-color: transparent;'
			});
				
			var toggler_reduire_left = new Element('div', {
				'class': 'toggler_reduire_left',
				'name': 'toggler_r_left'
			});
			
			// clique sur l'icone
			toggler_reduire_left_link.addEvent('click', function() {
				toggle_reduire(this.id);
			});
			
			el.grab(toggler_reduire_left.grab(toggler_reduire_left_link));
			
			// double click sur la barre
			el.getFirst().addEvent('dblclick', function() {
				toggle_reduire(toggler_reduire_left_link.id);
			});
			
			if(Browser.Engine.webkit || Browser.Engine.gecko || Browser.Engine.presto) { // ie rend moche
				toggler_reduire_left.setStyle('opacity', 0.25);
				el.addEvent('mouseenter', function() { toggler_reduire_left.setStyle('opacity', 1); });
				el.addEvent('mouseleave', function() { toggler_reduire_left.setStyle('opacity', 0.25); });
			}
			else if(Browser.Engine.trident) {
				toggler_reduire_left.setStyle('opacity', 0);
				el.addEvent('mouseenter', function() { toggler_reduire_left.setStyle('opacity', 1); });
				el.addEvent('mouseleave', function() { toggler_reduire_left.setStyle('opacity', 0); });
			}
		}
	});
	
// bloc droite
	$$('.contenu_bloc_droite').each(function(el) {
		if(!el.hasClass('nored')) {
			var toggler_reduire_right_link = new Element('a', {
				'id': 'r'+parseInt(Math.random()*100000000),
				'html': '<img alt="R&eacute;duire" title="R&eacute;duire" src="'+root_url+'/images/global/moins_r.png" />'
			});
			
			var toggler_reduire_right = new Element('div', {
				'class': 'toggler_reduire_right',
				'name': 'toggler_r_right'
			});

			// click simple
			toggler_reduire_right_link.addEvent('click', function() {
				toggle_reduire_r(this.id);
			});
		
			el.grab(toggler_reduire_right.grab(toggler_reduire_right_link));
		
			// double click sur la barre
			el.getFirst().addEvent('dblclick', function() {
				toggle_reduire_r(toggler_reduire_right_link.id);
			});
		
			if(Browser.Engine.webkit || Browser.Engine.gecko || Browser.Engine.presto) { // ie rend moche
				toggler_reduire_right.setStyle('opacity', 0.25);
				el.addEvent('mouseenter', function() { toggler_reduire_right.setStyle('opacity', 1); });
				el.addEvent('mouseleave', function() { toggler_reduire_right.setStyle('opacity', 0.25); });
			}
			else if(Browser.Engine.trident) {
				toggler_reduire_right.setStyle('opacity', 0);
				el.addEvent('mouseenter', function() { toggler_reduire_right.setStyle('opacity', 1); });
				el.addEvent('mouseleave', function() { toggler_reduire_right.setStyle('opacity', 0); });
			}
		}
	});
});

// reduire les blocs
function toggle_reduire(id) {
	if(!($(id).getParent().getParent().get('rel'))) {
		$(id).getParent().getParent().set('rel', parseInt($(id).getParent().getParent().getSize().y)-5);
		new Fx.Morph(($(id).getParent().getParent()), {
			duration: 'short',
			transition: Fx.Transitions.Sine.easeOut
		}).start({
			'height': 30
		});
		$(id).set('html', '<img alt="Aggrandir" title="Aggrandir" src="'+root_url+'/images/global/plus.png" />');
	}
	else {
		new Fx.Morph(($(id).getParent().getParent()), {
			duration: 'short',
			transition: Fx.Transitions.Sine.easeOut
		}).start({
			'height': parseInt($(id).getParent().getParent().get('rel'))
		});
		$(id).getParent().getParent().set('rel', null);
		$(id).set('html', '<img alt="R&eacute;duire" title="R&eacute;duire" src="'+root_url+'/images/global/moins.png" />');
	}
}

function toggle_reduire_r(id) {
	if(!($(id).getParent().getParent().get('rel'))) {
		$(id).getParent().getParent().set('rel', parseInt($(id).getParent().getParent().getSize().y)-5);
		new Fx.Morph(($(id).getParent().getParent()), {
			duration: 'short',
			transition: Fx.Transitions.Sine.easeOut
		}).start({
			'height': 30
		});
		$(id).set('html', '<img alt="Aggrandir" title="Aggrandir" src="'+root_url+'/images/global/plus_r.png" />');
	}
	else {
		new Fx.Morph(($(id).getParent().getParent()), {
			duration: 'short',
			transition: Fx.Transitions.Sine.easeOut
		}).start({
			'height': parseInt($(id).getParent().getParent().get('rel'))
		});
		$(id).getParent().getParent().set('rel', null);
		$(id).set('html', '<img alt="R&eacute;duire" title="R&eacute;duire" src="'+root_url+'/images/global/moins_r.png" />');
	}
}