var diapoCurrent = 0;
var diapoImagesWrapper;
$(document).ready(function(){
    $(".projet:odd").css("float","right");

    $("#menuSelectClient").css({
        'position' : 'absolute',
        'top' : '0',
        'right' : '0'
    });
    $("#menuSelectClient dd").hide();
    $("#menuSelectClient dt").toggle(function(){
        $("#menuSelectClient dd").slideDown();
        bindClickOutside(true);
    },function(){
        $("#menuSelectClient dd").slideUp();
        bindClickOutside(false);
    });
    $("#menuSelectClient dd a").click(function(){
        $("#menuSelectClient dd").slideUp();
        bindClickOutside(false);
    });

    // Lazy load
    $(".thumb a img").lazyload({
        placeholder : webUrl  + "images/grey.gif",
        effect : "fadeIn"
    });

    // Portfolio Diapo
    diapoImagesWrapper = $('#diapo .slideshow > img');
    // only show the first image, hide the rest
    diapoShowImage(1);

    $('#navDiapo .pgeNo a').click(function (e) {
        e.preventDefault();
        var index = parseInt( this.hash.substr(6) );
        diapoShowImage(index);
    });

    $("#navDiapo .prec").click(function(e){
        e.preventDefault();
        var index = (diapoCurrent-1 < 1) ? 1 : diapoCurrent-1;
        diapoShowImage(index);
    });
    $("#navDiapo .suiv").click(function(e){
        e.preventDefault();
        var index = (diapoCurrent+1 > diapoImagesWrapper.length) ? diapoImagesWrapper.length : diapoCurrent+1;
        diapoShowImage(index);
    });
    diapoImagesWrapper.click(function(e){
        e.preventDefault();
        var index = (diapoCurrent+1 > diapoImagesWrapper.length) ? 1 : diapoCurrent+1;
        diapoShowImage(index);
    });

});

function diapoShowImage(index){
    if (index==diapoCurrent) return;

    diapoImagesWrapper.hide();
    $("img#slide"+index).fadeIn(500);
    $('#navDiapo .pgeNo a').removeClass('current');
    $('#navDiapo .pgeNo a').eq(index-1).addClass('current');
    diapoCurrent = index;
    
    if(diapoCurrent==1) $("#navDiapo .prec").fadeTo("fast", 0.5);
    else $("#navDiapo .prec").fadeTo("fast", 1);
        
    if (diapoCurrent==diapoImagesWrapper.length) $("#navDiapo .suiv").fadeTo("fast", 0.5);
    else $("#navDiapo .suiv").fadeTo("fast", 1);
}

function bindClickOutside(flag) {
    if (flag) {
        $("#menuSelectClient").bind("clickoutside", function(event){
            $("#menuSelectClient dt").trigger("click");
            bindClickOutside(false);
        });
    } else {
        $("#menuSelectClient").unbind("clickoutside");
    }
}