// Our custom drag and drop implementation, extending YAHOO.util.DD
YAHOO.example.DDOnTop = function(id, sGroup, config) {
    YAHOO.example.DDOnTop.superclass.constructor.apply(this, arguments);
};

YAHOO.extend(YAHOO.example.DDOnTop, YAHOO.util.DD, {
    origZ: 0,

    startDrag: function(x, y) {
        YAHOO.log(this.id + " startDrag", "info", "example");

        var style = this.getEl().style;

        // store the original z-index
        this.origZ = style.zIndex;

        // The z-index needs to be set very high so the element will indeed be on top
        style.zIndex = 999;
    },

    endDrag: function(e) {
        YAHOO.log(this.id + " endDrag", "info", "example");

        // restore the original z-index
        this.getEl().style.zIndex = this.origZ;
    }
});


(function() {

    var dd, dd2, dd3, dd4, dd5, dd6, dd7, dd8, dd9, dd10;
    YAHOO.util.Event.onDOMReady(function() {
        dd = new YAHOO.example.DDOnTop("home-gallery-1");
        dd2 = new YAHOO.example.DDOnTop("home-gallery-2");
        dd3 = new YAHOO.example.DDOnTop("home-gallery-3");
        dd4 = new YAHOO.example.DDOnTop("home-gallery-4");
        dd5 = new YAHOO.example.DDOnTop("home-gallery-5");
        dd6 = new YAHOO.example.DDOnTop("home-gallery-6");
        dd7 = new YAHOO.example.DDOnTop("home-gallery-7");
        dd8 = new YAHOO.example.DDOnTop("home-gallery-8");
        dd9 = new YAHOO.example.DDOnTop("home-gallery-9");
        dd10 = new YAHOO.example.DDOnTop("home-gallery-10");
    });

})();