$(document).ready( function () {
    
    // Language bouton
    $("a#en").click( function () {
        $("a#en").animate({
            left: -100
        });
        $("a#fr").animate({
            left: 0
        });
        return false;
    });
    $("a#fr").click( function () {
        $("a#fr").animate({
            left: 120
        });
        $("a#en").animate({
            left: 0
        });
        return false;
    });
    
    // Accueil
    $("#menu > span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Actualité">' + TexteSpan + '<\/a>') ; 
    } ) ;
    $("#menu > a").click( function () {
        $("ul#horizontalBloc").animate({marginLeft: 0});
        $.scrollTo(0,0,{duration:500});
        $("li#news").css("opacity","1");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").css("opacity","0.6");
        $("li#contact").css("opacity","0.6");
        $("li#liens").css("opacity","0.6");
        $("li#archive1").css("opacity","0.6");
        return false;
    });
    
    // Project menu
    $("li#menuProjet > span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Sélection des références">' + TexteSpan + '<\/a>') ;
    } ) ;
    // Dates & themes stuff
    $("ul#listDates span").each( function () {
        var TexteSpan = $(this).text();
        $(this).replaceWith('<a href="" title="Ref'+ TexteSpan +'">' + TexteSpan + '<\/a>') ;
        $("li#dates").hide();
    } ) ;
    $("ul#listDates  a").click( function () {
        var TexteSpan = $(this).text();
        $.scrollTo("li.ref"+ TexteSpan +":eq(0)",{duration:500});
        return false;
    });
    $("li#dates > span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Séléctioner une date">' + TexteSpan + '<\/a>');
        $("li#themes").hide();
    } ) ;
    $("li#themes > span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Séléctioner un thème">' + TexteSpan + '<\/a>') ; 
    } ) ;
    $("ul#listDates").hide();
    $("li#dates > a").click( function () {
        if ($(this).next("ul#listDates:visible").length != 0) { 
            $(this).next("ul#listDates").slideUp("normal"); 
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $("ul#listThemes").slideUp("normal"); 
            $(this).next("ul#listDates").slideDown("normal"); 
        } 
        return false;
    } ) ;
    $("ul#listThemes").hide();
    $("li#themes > a").click( function () {
        if ($(this).next("ul#listThemes:visible").length != 0) { 
            $(this).next("ul#listThemes").slideUp("normal"); 
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $("ul#listDates").slideUp("normal"); 
            $(this).next("ul#listThemes").slideDown("normal"); 
        } 
        return false;
    } ) ;
    
    // Animation infos générales
    $(".detailMenu > a").each( function () { 
        // On stocke le contenu du span : 
        var TexteLien = $(this).text(); 
        $(this).replaceWith('<a href="" title="' + TexteLien + '">' + TexteLien + '<\/a>');
        $("li#news").css("opacity","1");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").css("opacity","0.6");
        $("li#contact").css("opacity","0.6");
        $("li#liens").css("opacity","0.6");
        $("li#archive1").css("opacity","0.6");
        $(".ficheTech").css("opacity","0.6");
    } ) ;
    $("#menuAgence > a").click( function () {
        $.scrollTo(0,0,{duration:200});
        //$("ul#horizontalBloc").animate({marginLeft: -283});
        $("ul#horizontalBloc").animate({marginLeft: -313});
        $("li#news").css("opacity","0.6");
        $("li#agence").animate({opacity : 1});
        $("li#conseils").css("opacity","0.6");
        $("li#contact").css("opacity","0.6");
        $("li#liens").css("opacity","0.6");
        $("li#archive1").css("opacity","0.6");
        return false;
    });
    $("#menuProjet > a").click(function(){
        $.scrollTo({top:490,left:0},{duration:200});
        if ($("li#dates").is(":visible")){
            $("#menu").animate({width: 655});
            $("#fondMenu2").animate({left: 655});
            $("li#menuProjet").animate({marginRight: 10});
            $("li#dates").toggle();
            $("li#themes").toggle();
            $(".ficheTech").animate({opacity : 0.6},500);
        }
        else {
            $("#menu").animate({width: 755});
            $("#fondMenu2").animate({left: 755});
            $("li#menuProjet").animate({marginRight: 100});
            $("li#dates").toggle('slow');
            $("li#themes").toggle('slow');
            $(".ficheTech").animate({opacity : 1},500);
        }
        return false;
    } ) ;
    $("#menuConseils > a").click( function () {
        $.scrollTo(0,0,{duration:200});
        $("ul#horizontalBloc").animate({marginLeft: -1182});
        $("li#news").css("opacity","0.6");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").animate({opacity : 1});
        $("li#contact").css("opacity","0.6");
        $("li#liens").css("opacity","0.6");
        $("li#archive1").css("opacity","0.6");
        return false;
    });
    $("#menuContact > a").click( function () {
        $.scrollTo(0,0,{duration:200});
        $("ul#horizontalBloc").animate({marginLeft: -2051});
        $("li#news").css("opacity","0.6");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").css("opacity","0.6");
        $("li#contact").animate({opacity : 1});
        $("li#liens").css("opacity","0.6");
        $("li#archive1").css("opacity","0.6");
        return false;
    });
    $("#menuLiens > a").click( function () {
        $.scrollTo(0,0,{duration:200});
        $("ul#horizontalBloc").animate({marginLeft: -2354});
        $("li#news").css("opacity","0.6");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").css("opacity","0.6");
        $("li#contact").css("opacity","0.6");
        $("li#liens").animate({opacity : 1});
        $("li#archive1").css("opacity","0.6");
        return false;
    });
    $("#menuArchives > a").click( function () {
        $.scrollTo(0,0,{duration:200});
        $("ul#horizontalBloc").animate({marginLeft: -2940});
        $("li#news").css("opacity","0.6");
        $("li#agence").css("opacity","0.6");
        $("li#conseils").css("opacity","0.6");
        $("li#contact").css("opacity","0.6");
        $("li#liens").css("opacity","0.6");
        $("li#archive1").animate({opacity : 1});
        return false;
    });
    
    // Animation références
    $("ul.listThumb a").each( function () { 
        var TexteLien = $(this).html(); 
        $(this).replaceWith('<a href="">' + TexteLien + '<\/a>');
        
        var idThumb = $(this).children().attr("id");
        
        var idFull = '.imagesFull' + idThumb.substring(10,idThumb.length-1);
        var widthRef = $(idFull+" > a").length * 400;
        $(idFull).css("position","relative");
        $(idFull).css("left","528px");
        $(idFull).css("width",widthRef + "px");
        $(idFull).css("height","400px");
        //$(idFull).css("background-color","white");
        
        /*
        var idFull = 'img#imageFull' + idThumb.substring(10,idThumb.length);
        $(idFull).css("opacity","0.6");
        var idFull = 'img#imageThumb' + idThumb.substring(10,idThumb.length);
        $(idFull).css("opacity","1");
        */
    } ) ;
    $("ul.listThumb a").click( function () {
        var idThumb = $(this).children().attr("id");
        
        var idFull = '.imagesFull' + idThumb.substring(10,idThumb.length-1);
        var currentImgId = idThumb.charAt(idThumb.length-1)*1;
        var newLeft = 528 - ((currentImgId-1) * 400);
        $(idFull).animate({left: newLeft});
        
        for (i=1;i<9;i++) {
            if (i<currentImgId){
                var idFull = 'img#imageFull' + idThumb.substring(10,idThumb.length-1) + i;
                $(idFull).animate({opacity : 0.4});
            }
            else {
                var idFull = 'img#imageFull' + idThumb.substring(10,idThumb.length-1) + i;
                $(idFull).animate({opacity : 1});
            }
            var idFull = 'img#imageThumb' + idThumb.substring(10,idThumb.length-1) + i;
            $(idFull).animate({opacity : 1});
        }
        var idFull = 'img#imageFull' + idThumb.substring(10,idThumb.length);
        $(idFull).animate({opacity : 1});
        var idFull = 'img#imageThumb' + idThumb.substring(10,idThumb.length);
        $(idFull).animate({opacity : 0.8});
        return false;
    } ) ;
    $(".imagesFull span").each( function () { 
        var TexteLien = $(this).html(); 
        $(this).replaceWith('<a href="" class="lienImageFull">' + TexteLien + '<\/a>');
    } ) ;
    $(".imagesFull a.lienImageFull").click( function () {
        var idThumb = $(this).children().attr("id");
        
        var idFull = '.imagesFull' + idThumb.substring(9,idThumb.length-1);
        var currentImgId = idThumb.charAt(idThumb.length-1)*1;
        var newLeft = 528 - ((idThumb.charAt(idThumb.length-1)-1) * 400);
        $(idFull).animate({left: newLeft});
        
        for (i=1;i<9;i++) {
            if (i<currentImgId){
                var idFull = 'img#imageFull' + idThumb.substring(9,idThumb.length-1) + i;
                $(idFull).animate({opacity : 0.4});
            }
            else {
                var idFull = 'img#imageFull' + idThumb.substring(9,idThumb.length-1) + i;
                $(idFull).animate({opacity : 1});
            }
            var idFull = 'img#imageThumb' + idThumb.substring(9,idThumb.length-1) + i;
            $(idFull).animate({opacity : 1});
        }
        var idFull = 'img#imageThumb' + idThumb.substring(9,idThumb.length);
        $(idFull).animate({opacity : 0.6});
        return false;
    } ) ;
    

    $("ul.nav a").click( function () {
        var idNav = $(this).attr("id");
        var sens = idNav.substring(0,4);
        var idRef = idNav.substring(4,idNav.length);
        
        var idFull = '.imagesFull' + idRef;
        var curLeftVal = $(idFull).css('left').substring(0,$(idFull).css('left').length-2) * 1;
        var currentImgId = (528-curLeftVal)/400+1;
        if (sens == 'next'){
            var newLeft = (curLeftVal - 400) + 'px';
            $(idFull).animate({left: newLeft});
            currentImgId++;
        }
        else {
            var newLeft = (curLeftVal + 400) + 'px';
            $(idFull).animate({left: newLeft});
            currentImgId--;
        }
        
        
        for (i=1;i<9;i++) {
            if (i<currentImgId){
                var idFull = 'img#imageFull' + idRef + i;
                $(idFull).animate({opacity : 0.4});
            }
            else {
                var idFull = 'img#imageFull' + idRef + i;
                $(idFull).animate({opacity : 1});
            }
            var idFull = 'img#imageThumb' + idRef + i;
            $(idFull).animate({opacity : 1});
        }
        var idFull = 'img#imageThumb' + idRef + currentImgId;
        $(idFull).animate({opacity : 0.6});
        
        return false;
    } ) ;
    
    
    $("ul#listThemes span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Séléctioner un thème">' + TexteSpan + '<\/a>') ; 
    } ) ;
    
    $("ul#listThemes a").click( function () {
        var nomCat = $(this).text();
        var categories = ['urbanisme', 'patrimoine', 'logements', 'commerces', 'tertiaire', 'equipements', 'loisirs', 'industriels', 'particuliers'];
        
        if (nomCat == 'tous'){
            $("li.reference").slideDown("normal");
        }
        else {
            for (i=0;i<categories.length;i++) {
                if (categories[i] != nomCat){
                    $("li."+categories[i]).slideUp("normal"); 
                }
            }
            $("li."+nomCat).slideDown("normal");
        }
        
        return false;
    } ) ;
    
    $(".contentConseils li").each( function () {
        $(this).replaceWith('<li>__ ' + $(this).html() + '</li>');
    });
    
    $(".contentAgence li").each( function () {
        $(this).replaceWith('<li>__ ' + $(this).html() + '</li>');
    });
 
} ) ;