//Ajoute l'événement pour la fermeture du popup

var scroll = window.getScroll(), size = window.getSize(), middle = window.getScrollTop() + (window.getHeight() / 2), popupWidth = 310, popupHeight = 200;


function close()
{	
	popup.destroy() ;
	fxOverlay.cancel().chain(function(){overlay.destroy()}).start(0);
	
	// On réactive les bannières
	$$('.js_ban').each(function(element)
	{
		element.setStyle('visibility', '') ;
	}) ;
}


window.addEvent('domready', function ()
{
	// Gestion du bouton "sauvegarde"	
	$$('.o_bookmark').each(function(lien)
	{
		lien.addEvent('click', function(e)
		{	
			e = new Event(e).stop() ;
			
			// on cache d'abord les bannières
			$$('.js_ban').each(function(element){element.setStyle('visibility', 'hidden')}) ;
			
			
			// Création des éléments
			$(document.body).adopt(
				$$(
				   overlay = new Element("div", {id: "lbOverlay", events: {click: close}}),
				   popup = new Element("div", {id: "o_outils"})
				)				
			) ;
			
			popup.setStyles({top: Math.max(0, middle - (popupHeight / 2)), width: popupWidth, height: popupHeight/*, marginLeft: -popupWidth/2*/, left: (scroll.x + (size.x / 2)) - 200});
			
			
			// Effets visuels		
			fxOverlay = new Fx.Tween(overlay, {property: "opacity", duration: 400}) ;
			fxOverlay.set(0).start(0.8);
			
			if (Browser.Engine.trident4) // Si IE6
			{
				overlay.style.position = "absolute";
				overlay.setStyles({left: scroll.x, top: scroll.y, width: size.x, height: size.y});
			}
			
			popup.addClass('spinner') ;
			
			var donnees = "url=" + encodeURI(document.URL) + "&titre=" + encodeURI($('titre').innerHTML) + "&mode=ajout_bookmark" ;
						
			new Request.HTML({
				url : "/ajax/ajax_bookmark.php",
				method : 'get',
				encoding : 'iso-8859-1',
				update : popup,
				data : donnees,
				onComplete : function ()
					{
						popup.removeClass('spinner') ;								
						$('fermer').addEvent('click', close) ;
					}
			}).send() ;
		}) ;
	}) ;
	

	// Gestion du bouton "Envoyer à un ami"
	$$('.o_envoyer').addEvent('click', function(e)
	{
		e = new Event(e).stop() ;

		// on cache d'abord les bannières
		$$('.js_ban').each(function(element){element.setStyle('visibility', 'hidden')}) ;
		
		
		// Création des éléments
		$(document.body).adopt(
			$$(
			   overlay = new Element("div", {id: "lbOverlay", events: {click: close}}),
			   popup = new Element("div", {id: "o_outils"})
			)				
		) ;
		
		popup.setStyles({top: Math.max(0, middle - (popupHeight / 2)), width: popupWidth, height: popupHeight/*, marginLeft: -popupWidth/2*/, left: (scroll.x + (size.x / 2)) - 200});
		
		var formulaire = '<p><strong>Envoyer à un ami</strong></p> \
		<label for="nom">Votre nom : </label><br /> \
		<input type="text" name="nom" id="nom" class="champ" /><br /> \
		<label for="email">L\'e-mail de votre ami : </label><br /> \
		<input type="text" name="email" id="email" class="champ" />' ;
		popup.set('html', formulaire) ;
		
		$(popup).adopt(btnEnv = new Element("input", {id: "envoyerAmi", value: "envoyer", type: "submit", events: {click: envoyer}})) ;
		
		$(popup).adopt(btnFermer = new Element("a", {id: "fermer", href: "#", events: {click: close}})) ;
		btnFermer.set('html', 'Fermer') ;

		
		// Effets visuels		
		fxOverlay = new Fx.Tween(overlay, {property: "opacity", duration: 400}) ;
		fxOverlay.set(0).start(0.8);
		
		if (Browser.Engine.trident4) // Si IE6
		{
			overlay.style.position = "absolute";
			overlay.setStyles({left: scroll.x, top: scroll.y, width: size.x, height: size.y});
		}
		
		
		function envoyer()
		{
			if ($('nom').value != '')
			{
				popup.addClass('spinner') ;
				
				var donnees = "nom=" + $('nom').value + "&email=" + $('email').value + "&url_actu=" + encodeURIComponent(document.URL) + "&titre_actu=" + $('titre').innerHTML + "&mode=envoi_ami" ;
			
				new Request.HTML({
					url : "/ajax/ajax_bookmark.php", 
					method : 'get',
					encoding : 'iso-8859-1',
					update : popup,
					data : donnees,
					onComplete : function ()
						{
							popup.removeClass('spinner') ;								
							$('fermer').addEvent('click', close) ;
						}
				}).send() ;
			}
			else
			{
				alert ("Vous devez indiquer votre nom") ;
			}
		}
	})

	
	
	// Bouton "Réagir"
	$$('.o_reagir').addEvent('click', function(e)
	{
		e = new Event(e).stop() ;
		
		// on cache d'abord les bannières
		$$('.js_ban').each(function(element){element.setStyle('visibility', 'hidden')}) ;
		
		
		// Création des éléments
		$(document.body).adopt(
			$$(
			   overlay = new Element("div", {id: "lbOverlay", events: {click: close}}),
			   popup = new Element("div", {id: "o_outils"})
			)				
		) ;
		
		popup.setStyles({top: Math.max(0, middle - (popupHeight / 2)), width: popupWidth, height: popupHeight/*, marginLeft: -popupWidth/2*/, left: (scroll.x + (size.x / 2)) - 200});
		
		var formulaire = '<p><strong>Réagir</strong></p> \
		<label for="email">Votre email : </label><br /> \
		<input type="text" name="email" id="email" class="champ" /><br /> \
		<label for="message">Votre message : </label><br /> \
		<textarea name="message" id="message" class="champ"></textarea><br />' ;
		popup.set('html', formulaire) ;
		
		$(popup).adopt(btnEnv = new Element("input", {id: "envoyerReagir", value: "envoyer", type: "submit", events: {click: envoyerReagir}})) ;
		
		$(popup).adopt(btnFermer = new Element("a", {id: "fermer", href: "#", events: {click: close}})) ;
		btnFermer.set('html', 'Fermer') ;

		
		// Effets visuels		
		fxOverlay = new Fx.Tween(overlay, {property: "opacity", duration: 400}) ;
		fxOverlay.set(0).start(0.8);
		
		if (Browser.Engine.trident4) // Si IE6
		{
			overlay.style.position = "absolute";
			overlay.setStyles({left: scroll.x, top: scroll.y, width: size.x, height: size.y});
		}
		
		
		// On gère le bouton "Envoyer"
		function envoyerReagir()
		{						
			if ($('email').value != '')
			{
				popup.addClass('spinner') ;
				
				var donnees = Hash.toQueryString ({
					mode : 'envoi_reagir',
					message : $('message').value,
					email : $('email').value,
					url : document.URL
				}) ;
			
				new Request.HTML({
					url : "/ajax/ajax_bookmark.php", 
					method : 'get',
					encoding : 'iso-8859-1',
					update : popup,
					data : donnees,
					onComplete : function ()
					{
						popup.removeClass('spinner') ;								
						$('fermer').addEvent('click', close) ;
					}
				}).send() ;
			}
			else
			{
				alert ("Vous devez indiquer votre email") ;
			}
		}
	}) ;
	
	
	// Suppression des bookmarks dans "mon porte document"
	$$('.suppr_bookmark').each(function(element)
	{
		element.addEvent('click', function(e)
		{ 
			e = new Event(e).stop() ;
			
			// on récupère l'id depuis "http://www.info-eco.com/l-url-avec-des-mots-xxxx-id-xxxx
			/*var motif = /id-[0-9]+/;
			var result = motif.exec(element.getProperty('href'));
			result = result[0].split("-") ;*/
			
			var donnees = Hash.toQueryString({
				mode : 'suppr_bookmark',
				id_bookmark : element.getProperty('href')
			}) ;
						
			new Request.HTML({
				url : "/ajax/ajax_bookmark.php",
				method : 'get',
				data : donnees
			}).send() ;
			 
			element.getParent().dispose() ;
		}) ;
	}) ;
}) ;