// 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, {

    startDrag: function(x, y) {
        var style = this.getEl().style;
		var t1 = YAHOO.util.Dom.getStyle("div-meniu", "zIndex");
		var t2 = YAHOO.util.Dom.getStyle("div-continut", "zIndex");
		var t3 = YAHOO.util.Dom.getStyle("div-poza", "zIndex");
		var t4 = YAHOO.util.Dom.getStyle("div-sigla", "zIndex");
		YAHOO.util.Dom.setStyle("div-meniu", "zIndex", t1-1);
		YAHOO.util.Dom.setStyle("div-continut", "zIndex", t2-1);
		YAHOO.util.Dom.setStyle("div-poza", "zIndex", t3-1);
		YAHOO.util.Dom.setStyle("div-sigla", "zIndex", t4-1);
		style.zIndex = 999;
    },

    endDrag: function(e) {
        //YAHOO.log(this.id + " endDrag", "info", "example");
        // restore the original z-index
        //this.getEl().style.zIndex = this.origZ;
    }
});


var dd1; var dd2; var dd3; var dd4;
YAHOO.util.Event.onDOMReady(function() {   
	//dd1 = new YAHOO.util.DD("div-meniu");
	dd1 = new YAHOO.example.DDOnTop("div-meniu");
	dd1.setHandleElId("div-meniu-move");
	//dd2 = new YAHOO.util.DD("div-continut");
	dd2 = new YAHOO.example.DDOnTop("div-continut");
	dd2.setHandleElId("div-continut-move");
	//dd3 = new YAHOO.util.DD("div-poza");
	dd3 = new YAHOO.example.DDOnTop("div-poza");
	dd3.setHandleElId("div-poza-move");
	dd4 = new YAHOO.example.DDOnTop("div-sigla");
 });
// alternatively, use an element reference
// var el=YAHOO.util.Dom.get("element1");
// var dd1 = new YAHOO.util.DD(el);