positionImage = new Array();
var description = new Array();
var titre = new Array();
var formeImage = new Array();
var timers = new Array();
var current_class = "";
widthTotal = 0;
heightTotal = 0;
familleActuelle = "";
function afficheGrande(ID, position){

        var famille = jQuery("#liste_miniatures a#"+ID).parent().attr('name');

	jQuery("#liste_miniatures img#"+ID).removeClass("origin");
	jQuery("#liste_miniatures img#"+ID).addClass("light");

	var lien_image = jQuery("img#grande"+ID).attr("src");


	jQuery("#grande_photo").html("<a id='"+ID+"' rel='gallerie' href='"+lien_image+"'><img src='"+lien_image+"' border='0' alt='' title=''></a>");
	jQuery("#liste_miniatures a[rel='desactive']").attr("rel", "gallerie");
	jQuery("#liste_miniatures a[rel='gallerie'][id='"+ID+"']").attr("rel", "desactive");
        position_img = position;

        //alert(position);
	jQuery("a[rel='gallerie']").colorbox({photo:'false', current:'image {current} sur {total}'});
	jQuery("#description_photo").html(description[ID]);

}

function fermeActualitesImage(){
    jQuery("#Actualites_images_detail").addClass("invisible");
}

function afficheActualite(ID, position){

    var imageGroup = jQuery("#liste_miniatures a#"+ID).attr('rel');
    jQuery("#Actualites_images_detail").removeClass("invisible");

    var lien_image = jQuery("img#grande"+ID).attr("src");
    var image_paysage = formeImage[ID];
    var desc_image = '';
    position_img = position;
    nbImage = 0;
    var BtPrecedent = "";
    var BtSuivant = "";
    var trouveID = false;
    TB_TempArray = jQuery("a[rel="+imageGroup+"]").get();
    for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (BtSuivant === "")); TB_Counter++) {

        if (!(TB_TempArray[TB_Counter].id == ID)) {
            if (trouveID) {
                ID_suivante = TB_TempArray[TB_Counter].id;
                pos_suivante = positionImage[ID_suivante];
                BtSuivant = "<span id='Actualite_suivant'><a href='javascript:afficheActualite(ID_suivante, pos_suivante)'>Suivant</a></span>";
            } else {
                ID_prec = TB_TempArray[TB_Counter].id;
                pos_prec = positionImage[ID_prec];
                BtPrecedent = "<span id='Actualite_precedent'><a href='javascript:afficheActualite("+ID_prec+", "+pos_prec+")'>Pr&eacute;c&eacute;dent</a></span>";
            }
        } else {
            trouveID = true;
        }
    }
    var BtFermer="<a href='javascript:fermeActualitesImage()' class='bt_fermer'>Fermer</a>";
    jQuery("#Actualites_images_entete").html("<div id='Bt_navigation'>"+BtPrecedent + BtSuivant +BtFermer+ "</div><div id='Bt_close'>"+"</div>");
    if(current_class != ''){
        jQuery("#Actualites_images_detail").removeClass(current_class);
    }

    var classimage = "portrait";
    if(image_paysage == 1){
        classimage= "paysage";
    }
    current_class = classimage;
    jQuery("#Actualites_images_detail").addClass(classimage);

    //alert(position);
    jQuery("#Actualites_images_visuel").html("<img src='"+lien_image+"' border='0' alt='' title=''>");
    jQuery("#Actualites_images_texte").html("<div class='News_titre'>"+titre[ID]+"</div><div class='News_resume'>"+description[ID]+"</div>");

}

function clearAllTimeouts(){
  for(key in timers ){
    clearTimeout(timers[key]);
  }
}


function goLeft(el){

    famille = jQuery(el).attr("name");
    pos = jQuery("#liste_miniatures.famille"+famille).css("left");

    if(widthTotal < 1 || famille != familleActuelle) {
        widthTotal = 0;
        nbImage = 0;
        widthImages = 0;
        jQuery("#liste_miniatures.famille"+famille+" img.mini").each(function(i){
            widthImages += jQuery(this).outerWidth();
            nbImage++;
        });


        marge_droite = parseInt(jQuery("#liste_miniatures.famille"+famille+" img.mini").css("margin-right"));
        //bordure = parseInt(jQuery("#liste_miniatures[name="+famille+"] img").css("border-left"));
        widthMarges = marge_droite*nbImage ;
        //widthBordures = bordure*2*nbImage;
        marge_gauche = parseInt(jQuery("#liste_miniatures.famille"+famille+" img.mini").css("margin-left"));
        //bordure = parseInt(jQuery("#liste_miniatures[name="+famille+"] img").css("border-left"));
        widthMarges += marge_gauche*nbImage ;

        widthTotal = widthImages + widthMarges;
    }

    familleActuelle = famille;
    //alert(jQuery("#liste_miniatures img:last-child").offset().left);
    pos= parseInt(pos);
    abspos = Math.abs(pos);



    if( widthTotal - jQuery("#bloc_miniatures").width() > abspos )
    {
            newpos = pos-2;
            jQuery(".liste_miniatures.famille"+famille).css("left",newpos+"px");

            timers.pop;
            timers.push(setTimeout(function(){goLeft(el);}, 1));
    }
}



function goRight(el){
    famille = jQuery(el).attr("name");
    pos = jQuery(".liste_miniatures.famille"+famille).css("left");

    if(parseInt(pos)<0)
    {
            newpos = parseInt(pos)+2;
            jQuery(".liste_miniatures.famille"+famille).css("left",newpos+"px");
            timers.pop;
            timers.push(setTimeout(function(){goRight(el);}, 1));
    }
}



jQuery(window).load(function(){

    jQuery(".liste_miniatures img").mouseover(function(){
        ID = jQuery(this).attr("id");
        jQuery(this).removeClass("origin");
        jQuery(this).addClass("light");
    });


    jQuery(".liste_miniatures img").mouseout(function(){
        jQuery(this).removeClass("light");
        jQuery(this).addClass("origin");
    });


    jQuery("img.gauche").mouseover(function(){
        goRight(jQuery(this));
    });

    jQuery(".gauche").mouseout(function(){
        clearAllTimeouts();
    });

    jQuery("img.droite").mouseover(function(){
        goLeft(jQuery(this));
    });

    jQuery(".droite").mouseout(function(){

        clearAllTimeouts();
    });

});