$(document).ready(function () {
    var offsetSlider = 0;
    var largeurSlider = 760;
    var up = true;
    var nbli = $("#containerportfolio >*").length;
    $("#gauche").fadeOut();

    $("#droite").click(function () {
        if (offsetSlider > -((nbli - 1) * largeurSlider)) {
            offsetSlider -= largeurSlider;
            $("#containerportfolio").animate({ marginLeft: offsetSlider }, 1500, "", function () {

            });
            $("#gauche").fadeIn();
        }
        if (offsetSlider == -((nbli - 1) * largeurSlider)) $(this).fadeOut();
    });
    $("#gauche").click(function () {
        if (offsetSlider < 0) {
            offsetSlider += largeurSlider;
            $("#containerportfolio").animate({ marginLeft: offsetSlider }, 1500, "", function () {
            });
            $("#droite").fadeIn();
        }
        if (offsetSlider == 0) $(this).fadeOut();
    });

    /*minislider page d'accueil*/
    var oldzindex;
    $("#minislider li").each(function (i) {
        var l = 0;
        var h = 0;
        var t = 0;
        switch (i) {
            case 0:
                l = 0;
                h = 68;
                t = 91;
                break;
            case 1:
                l = 40;
                h = 103;
                t = 73;
                break;
            case 2:
                l = 80;
                h = 140;
                t = 53;
                break;
            case 3:
                l = 165;
                h = 103;
                t = 73;
                break;
            case 4:
                l = 245;
                h = 68;
                t = 91;
                break;
        }
        $(this).css("left", l);
        $(this).css("z-index", h);
        $(this).css("top", t);
        $(this).find("img").css("height", h);
        //effet image
        $(this).find("img").hover(function () {
            $(this).animate({ height: "+=30px", marginLeft: "-15px", marginTop: "-15px" }, "fast");
            oldzindex = $(this).parent().parent().css("z-index");
            $(this).parent().parent().css("z-index", 1000);
        }, function () {
            $(this).animate({ height: "-=30px", marginLeft: "0px", marginTop: "0px" }, "fast");
            $(this).parent().parent().css("z-index", oldzindex);
        });
    });
    //lightbox
    $("a[rel^='prettyPhoto']").prettyPhoto();
    $(".boxy").boxy();

    /****** PortFolio *********************/
    $("#gallery a.mover").hover(function () {
        $(this).animate({ opacity: 1 }, 250);
    },
    function () {
        $(this).animate({ opacity: 0.5 }, 250);
    });
    var pasX = 260;
    var pasY = 195;
    var NbRows = 4;
    var NbCols = 5;
    var galleryX = -260;
    var galleryY = 0;
    var dX = 1;
    var dY = 0;
    $("#gallery a.mover").click(function () {
        var direction = $(this).attr("id");
        switch (direction) {
            case "right":
                galleryX -= pasX;
                dX++;
                break;
            case "left":
                galleryX += pasX;
                dX--;
                break;
            case "up":
                galleryY += pasY;
                dY--;
                break;
            case "down":
                galleryY -= pasY;
                dY++;
                break;
        }
        //
        $("#gallery .inner").animate({ left: galleryX, top: galleryY }, 500, "cubicEaseOut", null);
        //gestion affichage fleche
        $("#left").toggle(galleryX < 0);
        $("#right").toggle(galleryX > -(NbCols - 3) * pasX);
        $("#up").toggle(galleryY < 0);
        $("#down").toggle(galleryY > -(NbRows - 3) * pasY);
        //information

    });
    var currentItem = null;
    $("#gallery #cmd").mousemove(function (e) {
        var xx = (e.pageX - $("#gallery").offset().left + $("body").scrollLeft()) / pasX;
        var yy = (e.pageY - $("#gallery").offset().top + $("body").scrollTop()) / pasY;
        var idItem = (parseInt(xx) + dX) + (parseInt(yy) + dY) * NbCols;
        if (xx < 0 || parseInt(xx) > 2 || yy < 0 || parseInt(yy) > 2) {
            currentItem = null;
            return;
        }
        currentItem = $("#gallery .inner .galleryItem:eq(" + idItem + ")");
        $("#gallery #info h3").html(currentItem.find("*[id$='hlTitre']").val());
        $("#gallery #info span").html(currentItem.find("*[id$='hlDescription']").val());
    });
    $("#gallery #cmd").click(function () {
        if (currentItem != null) {
            location.href = currentItem.find("*[id$='hlLien']").val();
        }
    });
});