function popup(id_document,largeur,hauteur){
	if (largeur == 0){
		largeur = 320;
	}
	if(hauteur == 0){
		hauteur = 240;	
	}
	var largeur = largeur + 40;
	var hauteur = hauteur + 40;
	window.open('spip.php?page=voir_video&id_document='+id_document,'Video','width='+largeur+',height='+hauteur+',directories=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no');
}

$(document).ready(function() {
	$("a[rel^='prettyPhoto']").each(function() {
		$(this).prettyPhoto();
	});
});

$.fn.hoverMenuSocietes = function() {
	$$ = this;
	
	$$.each(function() {
		var src = $(this).attr('src').split('.');
		var hover = $(this).attr('src').split('-');
		var hover = hover[hover.length - 1].split('.');
		
		if (hover[0] != 'hover') {
			$(this).hover(function() {
				$(this).attr('src', src[0] + '-hover.' + src[1]);
			}, function() {
				$(this).attr('src', src[0] + '.' + src[1]);
			});
		}
	});
}

$.fn.animateMenuMetiers = function(settings) {
	var $$ = this;
	var options = { 
		opacityMenuOver: 1,
		opacityMenuDefault: 0.5
	}; 
	$.extend(options, settings);
	
	$$.find('a').each(function() {
		if (!$(this).hasClass('metiers-menu-current')) {
			$(this).css('opacity', options.opacityMenuDefault);
		}
	});
	
	$$.find('a').hover(function() {
		if (!$(this).hasClass('metiers-menu-current')) {
			$(this).stop();
			$(this).animate({
				opacity: options.opacityMenuOver
			}, 'slow');
		}
	}, function() {
		if (!$(this).hasClass('metiers-menu-current')) {
			$(this).stop();
			$(this).animate({
				opacity: options.opacityMenuDefault
			}, 'slow');
		}
	});
	
	$$.find('a').click(function() {
		var metiersClass = '.' + $(this).attr('href').substr(1);
		
		$('.metiers-menu-current').animate({
			opacity: options.opacityMenuDefault
		}, 'slow').toggleClass('metiers-menu-current');
		$(this).toggleClass('metiers-menu-current');
		
		$('.metiers-big-current').animate({
			opacity: 0
		}, 'slow', function() {
			$('.metiers-big-current').toggleClass('metiers-big-hidden').toggleClass('metiers-big-current');
			$(metiersClass).css('opacity', 0).toggleClass('metiers-big-hidden').toggleClass('metiers-big-current');
			$(metiersClass).animate({
				opacity: 1
			}, 'slow');
		});
	});
}

$.fn.animateMenuTop = function(img_hover) {
	var $$ = this;
	var this_parent = $$.parent();
	
	var src_current = $$.find('img:first').attr('src');
	
	$$.hover(function() {
		$(this).find('img:first').attr('src', 'squelettes/images/' + img_hover);
		$(this).find('.menu-top-deroulant:first').css('display', 'block');
		
		$(this).find('.menu-top-deroulant:first li img').each(function() {
			var src = $(this).attr('src').split('.');
			var hover = $(this).attr('src').split('-');
			var hover = hover[hover.length - 1].split('.');
		
			if (hover[0] != 'hover') {
				$(this).hover(function() {
					$(this).attr('src', src[0] + '-hover.' + src[1]);
				}, function() {
					$(this).attr('src', src[0] + '.' + src[1]);
				});
			}
		});
	}, function() {
		$(this).find('img:first').attr('src', src_current);
		$(this).find('.menu-top-deroulant:first').css('display', 'none');
	});
}

$.fn.animateCarteImplantations = function(settings) {
	var $$ = this;
	var options = { 
		blocValue: {},
		blocName: {},
		typeMouvement: {}
	}; 
	$.extend(options, settings);
	
	var bloc = $('.carte_implantations-' + options.blocName);
	
	$('.carte_implantations-mask').css('opacity', .6);
	
	bloc.find('.carte_implantations-filiales-close a').click(function() {
		inverseAnimateBloc(function() {
			bloc.css('display', 'none');
			bloc.attr('class', 'carte_implantations-' + options.blocName);
		
			if (!$('.carte_implantations-filiales').is(':visible') && !$('.carte_implantations-implantations').is(':visible')) {
				$('.carte_implantations-mask').animate({
					'opacity': 0
				}, 'fast', function() {
					$('.carte_implantations-mask').css('display', 'none');
				});
			}
		});
	});
	
	$('.carte_implantations-mask').click(function() {
		inverseAnimateBloc(function() {
			bloc.css('display', 'none');
			bloc.attr('class', 'carte_implantations-' + options.blocName);
		
			if (!$('.carte_implantations-filiales').is(':visible') && !$('.carte_implantations-implantations').is(':visible')) {
				$('.carte_implantations-mask').animate({
					'opacity': 0
				}, 'fast', function() {
					$('.carte_implantations-mask').css('display', 'none');
				});
			}
		});
	});
	
	$$.each(function() {
		var carteImplantationsClass = $(this).attr('href').substr(1);
		var idArticle = getIdArticle($(this));
		
		$(this).click(function() {
			if (!bloc.hasClass(carteImplantationsClass)) {
				if (bloc.attr('class') != 'carte_implantations-' + options.blocName) {
					inverseAnimateBloc(function() {
						bloc.css('display', 'none');
						
						bloc.attr('class', 'carte_implantations-' + options.blocName + ' ' + carteImplantationsClass);
						
						animateBloc(idArticle);
					});
				} else if (options.blocName == 'implantations' && $('.carte_implantations-filiales').is(':visible')) {
					bloc = $('.carte_implantations-filiales');
					options.typeMouvement = 'height';
					
					inverseAnimateBloc(function() {
						bloc.css('display', 'none');
						
						bloc.attr('class', 'carte_implantations-filiales');
						
						bloc = $('.carte_implantations-' + options.blocName);
						options.typeMouvement = 'width';
					
						animateBloc(idArticle);
					});
				} else {
					bloc.css('display', 'none');
					
					bloc.attr('class', 'carte_implantations-' + options.blocName + ' ' + carteImplantationsClass);
					
					animateBloc(idArticle);
				}
			}
			
			if (!$('.carte_implantations-mask').is(':visible')) {
				$('.carte_implantations-mask').css('opacity', 0).css('display', 'block').animate({
					'opacity': .6
				}, 'fast', function () {
					animateBloc(idArticle);
				});
			}
		});
	});
	
	function getIdArticle(element) {
		var idArticle = element.attr('href').split('-');
		idArticle = idArticle[idArticle.length - 1];
		
		return idArticle;
	}
	
	function animateBloc(idArticle) {
		var url;
		
		switch (options.blocName) {
			case 'filiales' :
			
				url = 'index.php?page=carte_implantations-ajax-' + options.blocName + '&id_article=' + idArticle;
			
			break;
			
			case 'implantations' :
			
				url = 'index.php?page=carte_implantations-ajax-' + options.blocName + '&id_rubrique=' + idArticle;
			
			break;
		}
		
		bloc.find('.ajax').load(url, function() {	
			switch (options.typeMouvement) {
				case 'height' :
				
					bloc.css('height', 0).css('display', 'block').animate({
						'height': options.blocValue
					}, 'slow', function() {
						bloc.find("a[rel^='prettyPhoto']").each(function() {
							$(this).prettyPhoto();
						});
					});
					
				break;
				
				case 'width' :
				
					bloc.css('width', 0).css('display', 'block').animate({
						'width': options.blocValue
					}, 'slow', function() {
						bloc.find("a[rel^='prettyPhoto']").each(function() {
							$(this).prettyPhoto();
						});
					});
					
				break;
			}
		});
	}
	
	function inverseAnimateBloc(callback) {
		bloc.find('.ajax').html('');
	
		switch (options.typeMouvement) {
			case 'height' :
			
				bloc.animate({
					'height': 0
				}, 'slow', callback);
				
			break;
			
			case 'width' :
			
				bloc.animate({
					'width': 0
				}, 'slow', callback);
				
			break;
		}
	}
}

$.fn.expandBloc = function() {
	var $$ = this;
	
	$$.click(function() {
		var bloc_id = $(this).attr('href');
		var bloc_expand = $(bloc_id);
		var link = $(this);
		
		bloc_expand.slideToggle('slow', function() {
			if (bloc_expand.is(':visible')) {
				link.find('span').html('-');
			} else {
				link.find('span').html('+');
			}
		});	
	});
}

$.fn.expandCarteBloc = function() {
	var $$ = this;
	
	$$.click(function() {
		$('.expand_carte_bloc').hide();
		
		$($(this).attr('href')).show();
	});
}

$(document).ready(function() {
	$('.metiers-menu').animateMenuMetiers();

	$('.menu-top .menu-top-deroulant-metiers-display').animateMenuTop('menu-top-deroulant-metiers.png');
	$('.menu-top .menu-top-deroulant-societes_groupe-display').animateMenuTop('menu-top-deroulant-societes_groupe.png');
	
	$('.carte_implantations-left-filiales a.expand_carte').animateCarteImplantations({
		blocValue: 125,
		blocName: 'filiales',
		typeMouvement: 'height'
	});
	$('.carte_implantations-left-implantations a.expand_carte').animateCarteImplantations({
		blocValue: 731,
		blocName: 'implantations',
		typeMouvement: 'width'
	});
	
	$('.societes_groupe p a img').hoverMenuSocietes();
	
	$('.carte_implantations-left a.expand').expandBloc();
	$('.carte_implantations-left a.expand_carte_bloc_link').expandCarteBloc();
});