$(function() {
    var prev = document.createElement('a');
    prev.className = "prev";
    prev.innerHTML = "←";
    document.getElementById("portfolio").appendChild(prev);

    var next = document.createElement('a');
    next.className = "next";
    next.innerHTML = "→";
    document.getElementById("portfolio").appendChild(next);

    var elements = document.getElementsByClassName("embedFlash");
    var elements_l = elements.length;

    for (var i = 0; i < elements_l; i++)
    {
        setFigureEmbed(elements[i]);
    }
});

function setFigureEmbed(elm)
{
    elm.parentNode.className = "";
    elm.style.border = '1px solid #bfdadb';
    elm.style.background = 'url("' + elm.getAttribute("data-preview") + '") no-repeat center center';

    elm.innerHTML = '<a>Cliquer pour lancer l\'animation</a>';
    elm.style.width = elm.getAttribute("data-width") + "px";
    elm.style.height = elm.getAttribute("data-height") + "px";

    elm.getElementsByTagName('a')[0].onclick = function (e) {
        this.parentNode.style.border = "none";
        this.parentNode.style.background = "none";
        this.parentNode.parentNode.className = "active";
        flashembed(this.parentNode, {
            src: this.parentNode.getAttribute("data-src"),
            w3c: true,
            width: elm.getAttribute("data-width"),
            height: elm.getAttribute("data-height"),
            base: this.parentNode.getAttribute("data-src").replace(/\/[^\/]*$/, '')
            });
    };
}

// Onglets principaux
$(function() {
    $('header nav a').click(function(){
        $.scrollTo( this.hash, 500);
        return true;
    });
});

// défilement portfolio
$(function() {
    $("#portfolio > section").scrollable({
        circular: true,
        mousewheel: false,
        keyboard: false,
        onBeforeSeek: function() {
            var i = this.getIndex();
            $("object", this.getItems()[i]).each(function (i, el) {
                setFigureEmbed(el.parentNode);
            });
        }
    }).click(function() {
        $(this).data("scrollable").next();
    });
    // Désactivation du changement de diapo sur le clic dans une animation
    $("#portfolio-anim figure").click(function(e) {
        e.preventDefault();
        return false;
    });
});


// onglets portfolio
$(function() {
    $("#portfolio nav ul").tabs("#portfolio > section", {
        history: true,
        effect: 'default', // L'effet fade a un bug qui fait sauter en haut de la page
        onClick: function(e, i) {
            // Remise à zéro du scroller car sinon ça bugue
            var current = this.getTabs()[i].hash;
            $(current).data("scrollable").begin(0);
        }
    });
});