/****************************************************************************************************************
	Ouverture du popin
****************************************************************************************************************/

function loadPopin(externalLink,params){
	
	var coupe_params = params.split(",");
	//alert(is_array(coupe_params));
	if(coupe_params[0]){
		var type = coupe_params[0];
		var numero = coupe_params[1];
	}else{
		var type = params;	
	}

	if($.browser.msie){ $("select").css("visibility","hidden");	}	// virer les selects pour IE
	
	if(type=="format1"){
	// création du div conteneur de popin
		$("body").prepend('<div id="masque"></div><div id="popinContainer" class="'+type+' displayNone"><div id="closeButton"><a title="" href="#"  title="fermer"><img src="/FRONT/COLAS_PRODUITS/images/ferme_popin.png" alt="fermer" /></a></div><div id="popinContent"><div id="loader"></div></div></div>');
	}else if(type=="format2"){
	// création du div conteneur de popin
		$("body").prepend('<div id="masque"></div><div id="popinContainer" class="'+type+' displayNone"><div id="closeButton"><a title="" href="#"  title="fermer"><img src="/FRONT/COLAS_PRODUITS/images/ferme_popin.png" alt="fermer" /></a></div><div id="popinContent"><div id="loader"></div></div></div>');
	}else if(type=="format43"){
		// création du div conteneur de popin
		$("body").prepend('<div id="masque"></div><div id="popinContainer" class="'+type+' displayNone"><div id="closeButton"><a title="" href="#"  title="fermer"><img src="/FRONT/COLAS_PRODUITS/images/ferme_popin.png" alt="fermer" /></a></div><div id="popinContent"><div id="loader"></div></div></div>');
	}else if(type=="format169"){
		// création du div conteneur de popin
		$("body").prepend('<div id="masque"></div><div id="popinContainer" class="'+type+' displayNone"><div id="closeButton"><a title="" href="#"  title="fermer"><img src="/FRONT/COLAS_PRODUITS/images/ferme_popin.png" alt="fermer" /></a></div><div id="popinContent"><div id="loader"></div></div></div>');
	}else if(type=="format3"){
	// création du div conteneur de popin
		$("body").prepend('<div id="masque"></div><div id="popinContainer" class="'+type+'"><div id="closeButton"><a title="" href="#"  title="fermer"><img src="/FRONT/COLAS_PRODUITS/images/ferme_popin.png" alt="fermer" /></a></div><div id="popinContentM"><div id="loader"></div></div></div>');
	}
	
	// affichage du masque
	$("#masque").show();
	$("#masque").css({'height':$('body').height()+'px'});
	

	
	// load du fichier externe
	$('#popinContainer #popinContent').load(externalLink,function(){
			var tmp = $('#popinContainer #popinContent #popinContentToLoad').clone();
			if(externalLink.indexOf("show_video")==-1 || type == "format1" || type == "format2")
			{
				$('#popinContainer #popinContent').empty(); // des fois IE6 n'aime pas cette ligne, va-t-en comprendre Charles
				$('#popinContainer #popinContent').append(tmp);
			}

			$("#popinContainer #popinContent .diaporama_zoom .images .image").each(function(n){
				if(n!=numero) {
					$(this).hide();
					$(this).removeClass('on');
				}else{
					$(this).addClass('on');
				}
			});
			$("#popinContainer #popinContent .diaporama_zoom .precedente a").click(function(){
				var ok = true;
				var on = $("#popinContainer #popinContent .diaporama_zoom .images .image").each(function(){																										   					if (ok == true && $(this).hasClass("on")){
						if($(this).is(":first-child")){
							$("#popinContainer #popinContent .diaporama_zoom .images .image:last-child").show();
							$("#popinContainer #popinContent .diaporama_zoom .images .image:last-child").addClass("on");
							$(this).hide();
							$(this).removeClass("on");
						}else{
							$(this).prev().show();
							$(this).prev().addClass("on");
							$(this).hide();
							$(this).removeClass("on");
							ok = false;
						}																																																									   					}
				})
			});
			$("#popinContainer #popinContent .diaporama_zoom .suivante a").click(function(){
				var ok = true;
				var on = $("#popinContainer #popinContent .diaporama_zoom .images .image").each(function(){
					if($(this).hasClass("on") && ok == true  ){
						if($(this).is(":last-child")){
							$("#popinContainer #popinContent .diaporama_zoom .images .image:first-child").show();
							$("#popinContainer #popinContent .diaporama_zoom .images .image:first-child").addClass("on");
							$(this).hide();
							$(this).removeClass("on");
						}else{
							$(this).next().show();
							$(this).next().addClass("on");
							$(this).hide();
							$(this).removeClass("on");
							ok = false;
						}
					}
				})
			});
			
			$('#popinContainer').css({'left':Math.round(($('body').width()-$('#popinContainer').width())/2)+'px','top':Math.round(($(window).height()-$('#popinContainer').height())/2)+'px'});
			$('#popinContainer').removeClass('displayNone');
			// fermeture du popin
			$('#closeButton a, #masque').click(function(){
				closePopin();		
			});
			
			// ferme la fenetre lors de la pression de la touche echap
			if (navigator.appName === "Microsoft Internet Explorer") {
				jQuery('body').keypress( function(evenement) {
					if (evenement.keyCode == 27) {
						closePopin();
					}
				}); // associe la fermeture de la popin sur l'evement echap
			} else {
				$(document).keyup( function(evenement) {
					if (evenement.which == 27) { 
						closePopin();
					}
				}); // associe la fermeture de la popin sur l'evement echap
			}
			
	});
	
	// load du fichier externe
    $('#popinContainer #popinContentM').load(externalLink,function(){
	    var tmp = $('#popinContainer #popinContentM #popinContentToLoadM').clone();
	    
	    $('#popinContainer #popinContentM').empty(); // des fois IE6 n'aime pas cette ligne, va-t-en comprendre Charles
	    $('#popinContainer #popinContentM').append(tmp);
	    $("#popinContainer #popinContentM .mediatheque_zoom .images .image").each(function(n){
	    
	          if(n!=numero) {
	               $(this).hide();
	               $(this).removeClass('on');
	          }else{
	               $(this).addClass('on');
	          }
	    });
	    $("#popinContainer #popinContentM .mediatheque_zoom .precedente a").click(function(){
	          var ok = true;
	          var on = $("#popinContainer #popinContentM .mediatheque_zoom .images .image").each(function(){                                                                                                                                                                                       if (ok == true && $(this).hasClass("on")){
	                     if($(this).is(":first-child")){
	                           $("#popinContainer #popinContentM .mediatheque_zoom .images .image:last-child").show();
	                           $("#popinContainer #popinContentM .mediatheque_zoom .images .image:last-child").addClass("on");
	                           $(this).hide();
	                           $(this).removeClass("on");
	                     }else{
	                           $(this).prev().show();
	                           $(this).prev().addClass("on");
	                           $(this).hide();
	                           $(this).removeClass("on");
	                           ok = false;
	                     }                                                                                                                                                                                                                                                                                                                                                                           }
	          })
	    });
	    $("#popinContainer #popinContentM .mediatheque_zoom .suivante a").click(function(){
	          var ok = true;
	          var on = $("#popinContainer #popinContentM .mediatheque_zoom .images .image").each(function(){
	               if($(this).hasClass("on") && ok == true  ){
	                     if($(this).is(":last-child")){
	                           $("#popinContainer #popinContentM .mediatheque_zoom .images .image:first-child").show();
	                           $("#popinContainer #popinContentM .mediatheque_zoom .images .image:first-child").addClass("on");
	                           $(this).hide();
	                           $(this).removeClass("on");
	                     }else{
	                           $(this).next().show();
	                           $(this).next().addClass("on");
	                           $(this).hide();
	                           $(this).removeClass("on");
	                           ok = false;
	                     }
	               }
	          })
	    });
		// ferme la fenetre lors de la pression de la touche echap
		if (navigator.appName === "Microsoft Internet Explorer") {
			jQuery('body').keypress( function(evenement) {
				if (evenement.keyCode == 27) {
					closePopin();
				}
			}); // associe la fermeture de la popin sur l'evement echap
		} else {
			$(document).keyup( function(evenement) {
				if (evenement.which == 27) {
					closePopin();
				}
			}); // associe la fermeture de la popin sur l'evement echap
		}
	    $('#popinContainer').css({'left':Math.round(($('body').width()-$('#popinContainer').width())/2)+'px','top':Math.round(($(window).height()-$('#popinContainer').height())/2)+'px'});
	    // fermeture du popin
	    $('#closeButton a, #masque').click(function(){
	       closePopin();           
	    });
     })
}

/****************************************************************************************************************
	initialisation des liens d'ouverture en popin
****************************************************************************************************************/

function initPopin(){

	$('.popin').click(function(){

		// on utilise les infos passées dans l'attribut "rel" du lien, à renseigner comme il faut donc !
		loadPopin($(this).attr('href')+"&show_video=1",$(this).attr('rel'));
		$(this).blur();
		return false;
		
	});
}

/****************************************************************************************************************
	fermeture du popin
****************************************************************************************************************/

function closePopin(){

	$('#popinContainer').remove();
	$('#masque').remove();
	if($.browser.msie){ $("select").css("visibility","visible"); }	// remettre les selects pour IE
	return false;
	
}

/****************************************************************************************************************
	onLoad
****************************************************************************************************************/

$(document).ready(function(){
	
	initPopin();
	
});