/* ------------------------------------------------------------------------
Class: zoombox
Auteur: Jonathan Boyer (http://www.grafikart.fr)
Version: 1.0.1
- Historique de Modifications:
# BARRY Thierno IB. (ibrahima.br@gmail.com): Lundi 22/12/2008
+ Prise en charge de la navigation par les touches directionnelles
+ Sortie de la zoombox avec ESC
------------------------------------------------------------------------- */
jQuery(document).ready(function(){
zoombox.init();
});
zoombox = {
// Configure la boite
/////////////////
init : function(){
zoombox.largeurD=450; // Largeur par dÈfaut
zoombox.hauteurD=360; // Hauteur par dÈfaut
zoombox.duree=750; // DurÈe des animation en ms
zoombox.fond="#000000";
zoombox.lecteurFLV="/zoombox/FLVplayer.swf" // Ou se trouve le lecteur FLV par rapport ‡ la racine
zoombox.lecteurMP3="/zoombox/mp3player.swf" // Ou se trouve le lecteur MP3 par rapport ‡ la racine
// Trouve toutes les images
zoombox.images = new Array();
galleryRegExp = /\[(?:.*)\]/
jQuery("a[rel^='zoombox']").each(function(){
if(!zoombox.images[galleryRegExp.exec(jQuery(this).attr("rel"))]){
zoombox.images[galleryRegExp.exec(jQuery(this).attr("rel"))]=new Array();
}
zoombox.images[galleryRegExp.exec(jQuery(this).attr("rel"))].push(jQuery(this));
jQuery(this).bind('click',function(){
zoombox.gallerie=galleryRegExp.exec(jQuery(this).attr("rel"));
zoombox.div=jQuery(this);
zoombox.top=jQuery(this).offset().top-18;
zoombox.left=jQuery(this).offset().left-18;
zoombox.largeur=jQuery(this).width();
zoombox.hauteur=jQuery(this).height();
if(jQuery(this).children("img").length){
zoombox.hauteur=jQuery(this).children("img").height();
zoombox.top=jQuery(this).children("img").offset().top-18;
}
zoombox.open(); return false;
});
});
jQuery(window).resize(function(){ zoombox.recadrer(); });
},
// CrÈation des divs
///////////////
open : function(){
for (i = 0; i < zoombox.images[zoombox.gallerie].length; i++){
if(jQuery(zoombox.images[zoombox.gallerie][i]).attr("href") == zoombox.div.attr("href")){
zoombox.position=i;
}
}
jQuery("embed").css("visibility","hidden"); // On cache tous les ÈlÈments qui pourrait passÈ par dessus zoombox
jQuery("object").css("visibility","hidden");
jQuery('body').append("
");
zoombox.aplat();
jQuery('#zoombox').append("
");
jQuery('#zoombox_conteneur').append("
");
jQuery('#zoombox_conteneur2').append("
");
jQuery('#zoombox_conteneur2').append("
");
jQuery('#zoombox_titre').append('')
if(zoombox.gallerie){
jQuery('#zoombox_titre table tr').append('
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_bg').append("
");
jQuery('#zoombox_conteneur2').append("
");
jQuery('#zoombox_contenu').css({'background-color': zoombox.fond});
jQuery('#zoombox_contenu').hide();
jQuery('#zoombox_conteneur2').hide();
jQuery('#zoombox_conteneur').css({'top':zoombox.top+"px"});
jQuery('#zoombox_conteneur').css({'left':zoombox.left+"px"});
jQuery('#zoombox_conteneur').css({'width':zoombox.largeur+"px"});
jQuery('#zoombox_conteneur').css({'height':zoombox.hauteur+"px"});
zoombox.setContent();
jQuery("#zoombox_close").click(function(){
zoombox.close();
})
///////////////////////modification Ibrahima///////////////////////
//On sort de la zoombox si on appuie sur ESC = 27 en ASCII
jQuery(document).keyup(function(event){
if(event.keyCode==27)
zoombox.close();
});
jQuery("#zoombox_aplat").click(function(){
zoombox.close();
})
},
// Fermeture de zoombox
///////////////
close : function(){
div=zoombox.div;
zoombox.top=div.offset().top-18;
zoombox.left=div.offset().left-18;
zoombox.largeur=div.width();
zoombox.hauteur=div.height();
jQuery('#zoombox_bg').hide();
//jQuery('#zoombox_close').fadeOut(zoombox.duree); // plante sur IE7 et Google Chrome
if(div.children("img").length){
zoombox.hauteur=div.children("img").height();
zoombox.top=div.children("img").offset().top-18;
}
jQuery('#zoombox_aplat').fadeOut(250);
jQuery('#zoombox_titre').animate({opacity: 0},zoombox.duree);
if(zoombox.type!="img"){
jQuery('#zoombox_contenu').empty();
}
jQuery('#zoombox_contenu').animate({opacity: 0},zoombox.duree);
jQuery('#zoombox_conteneur').animate({
width: zoombox.largeur+"px",
height: zoombox.hauteur+"px",
left: zoombox.left+"px",
top: zoombox.top+"px"
},zoombox.duree,function(){
jQuery("embed").css("visibility","visible"); // On cache tous les ÈlÈments qui pourrait passÈ par dessus zoombox
jQuery("object").css("visibility","visible");
jQuery("#zoombox").remove();
});
},
// Redimensionnement
///////////////
redim : function(){
if(jQuery("#zoombox_conteneur2").is(":hidden") && zoombox.type=="img"){
jQuery('#zoombox_contenu').append(zoombox.contenu);
}
if(jQuery('#zoombox_contenu').is(":hidden")){
jQuery('#zoombox_contenu').fadeIn();
jQuery('#zoombox_conteneur2').show();
}
jQuery("#zoombox_titrec").empty();
jQuery("#zoombox_titrec").append(zoombox.titre);
zoombox.left=(jQuery(window).width()-zoombox.largeur-36)/2;
zoombox.top=((zoombox.windowH()-zoombox.hauteur-36)/2)+zoombox.scrollY();
jQuery('#zoombox_conteneur').animate({
width: zoombox.largeur+"px",
height: zoombox.hauteur+"px",
left: zoombox.left+"px",
top: zoombox.top+"px"
},zoombox.duree,function(){
// LE redim est terminÈ
if(jQuery('#zoombox_contenu').is(":empty") || zoombox.type!="img"){
jQuery('#zoombox_contenu').append(zoombox.contenu);
if(zoombox.type=="img"){jQuery("#zoombox_contenu img").hide(); jQuery("#zoombox_contenu img").fadeIn();}
else{jQuery("zoombox_contenu").show();}
}
if((jQuery("#zoombox_titre").is(":hidden") && zoombox.gallerie) || (!zoombox.gallerie && jQuery("#zoombox_titre").is(":hidden") && zoombox.titre)){
jQuery("#zoombox_titre").fadeIn(zoombox.duree);
}
});
},
recadrer : function(){
if((zoombox.hauteur+120)>zoombox.windowH() && zoombox.type=="img"){
zoombox.largeur=zoombox.largeur*((zoombox.windowH()-120)/zoombox.hauteur);
zoombox.hauteur=(zoombox.windowH()-120);
}
zoombox.left=(jQuery(window).width()-zoombox.largeur-36)/2;
zoombox.top=((zoombox.windowH()-zoombox.hauteur-36)/2)+zoombox.scrollY();
jQuery('#zoombox_conteneur').css("width",zoombox.largeur+"px");
jQuery('#zoombox_conteneur').css("height",zoombox.hauteur+"px");
jQuery('#zoombox_conteneur').css("left",zoombox.left+"px");
jQuery('#zoombox_conteneur').css("top",zoombox.top+"px");
},
setContent : function(){
zoombox.titre=zoombox.div.attr("title");
zoombox.lien=zoombox.div.attr("href");
taille=zoombox.div.attr("rel").split(' ');
if((taille[1])&&(taille[2])){ zoombox.largeur = parseInt(taille[1]); zoombox.hauteur = parseInt(taille[2]);}
else{zoombox.largeur=zoombox.largeurD; zoombox.hauteur=zoombox.hauteurD;}
// mmh des expression rÈguliËre
// On vÈrifie le zoombox.lien pour gÈnÈrer le code en fonction
filtreImg=/(\.jpg)|(\.jpeg)|(\.bmp)|(\.gif)|(\.png)/i
filtreMP3=/(\.mp3)/i
filtreFLV=/(\.flv)/i
filtreSWF=/(\.swf)/i
filtreQuicktime=/(\.mov)|(\.mp4)/i
filtreWMV=/(\.wmv)/i
filtreDailymotion=/(http:\/\/www.dailymotion)|(http:\/\/dailymotion)/i
filtreVimeo=/(http:\/\/www.vimeo)|(http:\/\/vimeo)/i
filtreYoutube=/(youtube\.)/i
filtreKoreus=/(http:\/\/www\.koreus)|(http:\/\/koreus)/i
filtreDeezer=/(http:\/\/www\.deezer)|(http:\/\/deezer)/i
zoombox.type="multi";
// On Èvite les tailles trop grandes
if((zoombox.hauteur+120)>zoombox.windowH()){
zoombox.largeur=zoombox.largeur*((zoombox.windowH()-120)/zoombox.hauteur);
zoombox.hauteur=(zoombox.windowH()-120);
}
if(filtreImg.test(zoombox.lien)){
img=new Image();
img.src=zoombox.lien;
jQuery('#zoombox').append("
");
zoombox.timer = window.setInterval("zoombox.charger(img)",100);
zoombox.type="img";
return true;
}
else if(filtreMP3.test(zoombox.lien)){
zoombox.largeur=300;
zoombox.hauteur=40;
zoombox.contenu='';
zoombox.contenu+=' ';
}
else if(filtreFLV.test(zoombox.lien)){
zoombox.contenu='Ouvrir dans une nouvelle page )';
jQuery("#zoombox_titrec").append(' (Ouvrir dans une nouvelle page )');
}
jQuery("#zoombox_contenu").empty();
zoombox.redim();
},
next : function(){
///////////////////////modification Ibrahima///////////////////////
//On passe a l'image suivante que si nous n'avons pas atteint la limite
//supÈrieure d'images dans le tableaux.
if(zoombox.position0){
zoombox.position--;
zoombox.div=zoombox.images[zoombox.gallerie][zoombox.position];
zoombox.setContent();
}
if(zoombox.position==0){
jQuery("#zoombox_boutong").fadeOut();
}
if(jQuery("#zoombox_boutond").is(":hidden")){
jQuery("#zoombox_boutond").fadeIn();
}
},
// Aparition de l'aplat
///////////////
aplat : function(){
jQuery('#zoombox').append("
");
jQuery('#zoombox_aplat').css({'opacity': 0});
jQuery('#zoombox_aplat').fadeTo(250,0.4);
},
// Chargement d'une image
///////////////
charger : function(img){
if(img.complete){
jQuery("#zoombox_conteneur").show();
window.clearInterval(zoombox.timer);
zoombox.largeur=img.width;
zoombox.hauteur=img.height;
zoombox.contenu='