/* ****************************************************

	@file         global.js
	@description  Comportements globaux
	@author       remi (ixmedia.com)
	vim: set noet ts=4 fdm=marker fenc=utf-8:

***************************************************** */

(function($) {

	$(function() {

/* @section Basic {{{
******************************************************************************/
		
		$("a.ancre-description").each(function() {
			$( $(this).attr('href') ).hide();
		});
		
		$("a.ancre-description").tooltip({ 
			bodyHandler: function() {
				return $( $(this).attr('href') ).html();
			},
			showURL: false 
		});
		
		$('a[href*="pdf"], a[href*="http"]').attr('target', '_blank');
		
		
		$('div[id^="garantie-"]').each(function(index, element) {
			var marge = parseInt($(element).find(':last').css('margin-bottom'));
			$(element).data('hauteur', $(element).height() + marge)
			       .css({ height: 0 }).hide();
		});
		
		$('table.plans-protection h3 a').click(function() {
			var idDescription = $(this).attr('href');
			var $div = $(idDescription);
			if ($div.is(':visible')) {
				changerFleche($div.prev('h3').find('a'), 'haut');
				$div.animate({ height: 0 }, function() {
					$div.hide();
				});
			} else {
				changerFleche($div.prev('h3').find('a'), 'bas');
				$div.show().animate({ height : $div.data('hauteur') });
			}
			return false;
		});
		
		$('table.plans-protection h3 a').append($('<img />', {
			src: "img/interface/triangle-description-garantie-bas.gif",
			alt: "Afficher la description de la composante",
			style: 'margin-left: 4px'
		}));
		
		function changerFleche(lien, hautBas) {
			var $img = lien.find('img');
			var $src = $img.attr('src');
			if (hautBas === 'bas') {
				$img.attr('src', $src.replace('bas', 'haut'))
					.attr('alt', 'Masquer la description de la composante');
			} else {
				$img.attr('src', $src.replace('haut', 'bas'))
					.attr('alt', 'Afficher la description de la composante');
			}
		}
		
/*}}}*/

	})

})(jQuery);