/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/**
 * @class a YAHOO.util.DDProxy implementation. During the drag over event, the
 * dragged element is inserted before the dragged-over element.
 *
 * @extends YAHOO.util.DDProxy
 * @constructor
 * @param {String} id the id of the linked element
 * @param {String} sGroup the group of related DragDrop objects
 */
DnDList = function(id, sGroup, config) {

    if (id) {
        this.init( id, sGroup, config );
        this.initFrame();
        this.logger = this.logger || YAHOO;
    }

    var s = this.getDragEl().style;
    //s.borderColor = "transparent";
    //s.backgroundColor = "#f6f5e5";
    
    s.opacity = 0.76;
    s.filter = "alpha( opacity = 76 )";
};

// YAHOO.example.DDList.prototype = new YAHOO.util.DDProxy();
YAHOO.extend( DnDList, YAHOO.util.DDProxy );
YAHOO.util.DDM.mode = YAHOO.util.DDM.INTERSECT;

DnDList.prototype.startDrag = function( x, y ) {
    this.logger.log(this.id + " startDrag");

    var dragEl = this.getDragEl();
    var clickEl = this.getEl();

    dragEl.innerHTML = clickEl.innerHTML;
    dragEl.className = clickEl.className;
    dragEl.style.color = clickEl.style.color;
    //dragEl.style.border = "1px solid blue";
    //dragEl.id = 'tmp' + clickEl.id;
};

DnDList.prototype.endDrag = function(e) {
    // disable moving the linked element
    var dragEl = this.getDragEl();
    if( dragEl ) {
    	dragEl.innerHTML = '';
    }
    saveCurrentOrder();
};

function saveCurrentOrder() {
    	var box = YAHOO.util.Dom.getElementsByClassName( 'sortList', 'li', document.getElementById( 'sidebarGroup' ) );
	var order = '?';
	var add = '';
	
	for( i = 0; i < box.length; i ++ ) {
		order += add + box[i].id + "=" + ( box.length - i );
		add = '&';
	}

	//alert( "AJAX call parameters: " + order );
	YAHOO.util.Connect.asyncRequest( 'GET', '/wp-content/themes/2yellows.template/set_sidebar_order.php' + order, callback, null );
}

var callback = {
	timeout: 50000
};

DnDList.prototype.onDrag = function(e, id) {
    
};

DnDList.prototype.onDragOver = function(e, id) {
    // this.logger.log(this.id.toString() + " onDragOver " + id);
    var el;

    if ("string" == typeof id) {
        el = YAHOO.util.DDM.getElement( id );
    } else { 
        el = YAHOO.util.DDM.getBestMatch( id ).getEl();
    }
    
    var mid = YAHOO.util.DDM.getPosY(el) + ( Math.floor(el.offsetTop / 2));
    this.logger.log("mid: " + mid);

    if (YAHOO.util.Event.getPageY(e) < mid) {
        var el2 = this.getEl();
        var p = el.parentNode;
        p.insertBefore(el2, el);
    }
};

DnDList.prototype.onDragEnter = function(e, id) {
    // this.logger.log(this.id.toString() + " onDragEnter " + id);
    this.getDragEl().style.border = "0px";
};

DnDList.prototype.onDragOut = function(e, id) {
    // I need to know when we are over nothing
    // this.getDragEl().style.border = "1px solid #964428";
};

DnDList.prototype.toString = function() {
    return "DDList " + this.id;
};

/////////////////////////////////////////////////////////////////////////////

DnDListBoundary = function( id, sGroup, config ) {
    if ( id ) {
        this.init( id, sGroup, config );
        this.logger = this.logger || YAHOO;
        this.isBoundary = true;
    }
};

// YAHOO.example.DDListBoundary.prototype = new YAHOO.util.DDTarget();
YAHOO.extend( DnDListBoundary, YAHOO.util.DDTarget );

DnDListBoundary.prototype.toString = function() {
    return "DnDListBoundary " + this.id;
};