/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/////////////////////////////////////////////////////////////////////////

/**
 * @class a YAHOO.util.DDFramed 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
 */
 var xmlHttp;
 var countchk=0;
 var idsp ="";
  var idsp1 ="";
  var animx="";

YAHOO.example.DDPlayer = function(id, sGroup, config) {
	
    this.initPlayer(id, sGroup);
};

// YAHOO.example.DDPlayer.prototype = new YAHOO.util.DDProxy();
YAHOO.extend(YAHOO.example.DDPlayer, YAHOO.util.DDProxy);

YAHOO.example.DDPlayer.TYPE = "DDPlayer";

YAHOO.example.DDPlayer.prototype.initPlayer = function(id, sGroup, config) {
    if (!id) { return; }
    this.init(id, sGroup, config);
    this.initFrame();

    this.logger = this.logger || YAHOO;
    var s = this.getDragEl().style;
   // alert(this.getDragEl().style.left);
	s.borderColor = "transparent";
    // s.backgroundColor = "#cccccc";
    s.opacity = 0.76;
    s.filter = "alpha(opacity=76)";

    // specify that this is not currently a drop target
    this.isTarget = false;

    this.originalStyles = [];

    this.type = YAHOO.example.DDPlayer.TYPE;
    this.slot = null;

    this.startPos = YAHOO.util.Dom.getXY( this.getEl() );
    this.logger.log(id + " startpos: " + this.startPos);
};

YAHOO.example.DDPlayer.prototype.startDrag = function(x, y) {;
    this.logger.log(this.id + " startDrag");

var dragEl = this.getDragEl();
    var clickEl = this.getEl();
var id1=this.id.split("shair");
//alert("<img id=\"img"+id1[1]+"\"  src=\"http://u4u.com/gout/"+id1[1]+".gif\" >");
    idsp=id1[1];
	idsp1=dragEl.id;
//alert("bn="+js_book_no+" t.bn="+top.js_book_no+" p.bn="+parent.js_book_no);
//alert("<img id=\"img"+id1[1]+"\" src=\"/b.clips/"+top.js_book_no+"/"+id1[1]+".gif");
	dragEl.innerHTML = "<img id=\"img"+id1[1]+"\" src=\"/b.clips/"+top.js_book_no+"/"+id1[1]+".gif\" onmouseupx=\"sizex(this);\" >";

    dragEl.className = clickEl.className;
    dragEl.style.color = this.DDM.getStyle(clickEl, "color");;
    dragEl.style.backgroundColor = this.DDM.getStyle(clickEl, "backgroundColor");
	
	
    var s = clickEl.style;
    s.opacity = .1;
    s.filter = "alpha(opacity=10)";



    var targets = YAHOO.util.DDM.getRelated(this, true);
    this.logger.log(targets.length + " targets");
    for (var i=0; i<targets.length; i++) {
        
        var targetEl = this.getTargetDomRef(targets[i]);

        if (!this.originalStyles[targetEl.id]) {
            this.originalStyles[targetEl.id] = targetEl.className;
        }

        targetEl.className = "target"; 
		/*var anim4 = new YAHOO.util.Anim("t1",{width: {to: 300}, height: {to: 200}},0.1);
  // var anim = new YAHOO.util.Anim(ad_name, {opacity: {from: 1, to: 0}}, 3);
	anim4.animate();*/
		
    }
	
};

YAHOO.example.DDPlayer.prototype.getTargetDomRef = function(oDD) {
    
	if (oDD.player) {
        return oDD.player.getEl();
    } else {
        return oDD.getEl();
    }
	
};

YAHOO.example.DDPlayer.prototype.endDrag = function(e) {
    // reset the linked element styles

   var s = this.getEl().style;
    s.opacity = 1;
    s.filter = "alpha(opacity=100)";
    
	this.resetTargets();
	

};

YAHOO.example.DDPlayer.prototype.resetTargets = function() {

    // reset the target styles
   var targets = YAHOO.util.DDM.getRelated(this, true);
    for (var i=0; i<targets.length; i++) {
        var targetEl = this.getTargetDomRef(targets[i]);
        var oldStyle = this.originalStyles[targetEl.id];
        if (oldStyle) {
            targetEl.className = oldStyle;
			/*var anim2 = new YAHOO.util.Anim("t1",{width: {to: 160}, height: {to: 100}},0.1);
  // var anim = new YAHOO.util.Anim(ad_name, {opacity: {from: 1, to: 0}}, 3);
	anim2.animate();*/
			
        }
    }
};

var removeElement = function() { 
	   var el = this.getEl(); 
	   el.parentNode.removeChild(el); 
};

YAHOO.example.DDPlayer.prototype.onDragDrop = function(e, id) {



	//dbinsert(idsp);

   var oDD;
   if ("string" == typeof id) {
        oDD = YAHOO.util.DDM.getDDById(id);
    } else {
        oDD = YAHOO.util.DDM.getBestMatch(id);
    }

	var el = this.getEl();
	YAHOO.util.DDM.moveToEl(el, oDD.getEl());

    this.resetTargets();

	countchk=1;
	//size("img"+idsp);

};

/*YAHOO.example.DDPlayer.prototype.swap = function(el1, el2) {
   var dom = YAHOO.util.Dom;
    var pos1 = dom.getXY(el1);
    var pos2 = dom.getXY(el2);
    dom.setXY(el1, pos2);
    dom.setXY(el2, pos1);
};
*/
YAHOO.example.DDPlayer.prototype.onDragOver = function(e, id) {};
YAHOO.example.DDPlayer.prototype.onMouseUp= function(e) {
//alert("bn="+js_book_no+" t.bn="+top.js_book_no+" p.bn="+parent.js_book_no);
//alert("<img id=\"imgr"+idsp+"\" src=\"/b.clips/"+top.js_book_no+"/"+idsp+".gif");
	if(countchk==1)
	{
	b = document.getElementById("shair"+idsp);
	if (!b) {alert("div Tag not found"); return; }
	
	b.innerHTML = "<img id=\"imgr"+idsp+"\" src=\"/b.clips/"+top.js_book_no+"/"+idsp+".gif\" onmouseupx=\"sizex(this);\" >";
 var anim = new YAHOO.util.Anim("imgr"+idsp,{width: {to: 100}, height: {to: 100},opacity: { to: 0.5 }},0.5);
  // var anim = new YAHOO.util.Anim(ad_name, {opacity: {from: 1, to: 0}}, 3);
	anim.animate();
	countchk=0;
setTimeout(removeinner,700);
	}
	var anim1 = new YAHOO.util.Anim("t1diary",{width: {to: 160}, height: {to: 100}},0.3);
  // var anim = new YAHOO.util.Anim(ad_name, {opacity: {from: 1, to: 0}}, 3);
	anim1.animate();
};
YAHOO.example.DDPlayer.prototype.onDrag = function(e, id) {};
YAHOO.example.DDPlayer.prototype.onMouseDown= function(e) {var anim3 = new YAHOO.util.Anim("t1diary",{width: {to: 180}, height: {to: 120}},0.3);
  // var anim = new YAHOO.util.Anim(ad_name, {opacity: {from: 1, to: 0}}, 3);
	anim3.animate();
};


function dbinsert()
{
	
  
      
 
   //YAHOO.util.Event.on(document, 'mouseup', anim.animate, anim, true);
	
//YAHOO.util.Event.onAvailable(idsp1, YAHOO.example.init);
//
	
		var url = "";
		
			url="diary.u4u?cmd="+idsp+"&book="+js_book_no+"&author="+js_author_no;			
		//alert(url);	
	xmlHttp=GetXmlHttpObject(dbinsert2);
	xmlHttp.open("POST", url , true);
	xmlHttp.send(null);	
	
	
}
function dbinsert2()
{
	//alert("hi");
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
		
		//document.getElementById("viewData").innerHTML = xmlHttp.responseText;
			
	}
}
function GetXmlHttpObject(handler)
{ 
	var objXmlHttp=null
	if (navigator.userAgent.indexOf("Opera")>=0)
	{
		alert("This  doesn't work in Opera") 
		return 
	}
	if (navigator.userAgent.indexOf("MSIE")>=0)
	{ 
		var strName="Msxml2.XMLHTTP"
		if (navigator.appVersion.indexOf("MSIE 5.5")>=0)
		{
			strName="Microsoft.XMLHTTP"
		} 
		try
		{ 
			objXmlHttp=new ActiveXObject(strName)
			objXmlHttp.onreadystatechange=handler 
			return objXmlHttp
		} 
		catch(e)
		{ 
			alert("Error. Scripting for ActiveX might be disabled") 
			return 
		} 
	} 
	if (navigator.userAgent.indexOf("Mozilla")>=0)
	{
		objXmlHttp=new XMLHttpRequest()
		objXmlHttp.onload=handler
		objXmlHttp.onerror=handler 
		return objXmlHttp
	}
} 

function delay(Amount) 
{
    d = new Date() //today's date
    while (1)
        {
        mill=new Date() // Date Now
        diff = mill-d //difference in milliseconds
        if( diff > Amount ) {break;}
        }

}; 

function removeinner()
{
	b = document.getElementById("shair"+idsp);
	if (!b) {alert("div Tag not found"); return; }
	
	b.innerHTML = "";

}

/*var w_size_current = 0;
var w_id_current = 0;

function size(id)
{
w_id_current = id;
w = document.getElementById(id).style.width.split("px");
w_size_current = w[0];

if (w_size_current < 200)
	return;

setTimeout(size_t1, 3);
}

function size_t1()
{
if (w_size_current < 200)
	return;

w_size_current -= 10;
size_now(w_id_current,w_size_current);

setTimeout(size_t1, 500);
}

function size_now(id,size) 
{
	var xx = size.toString() + "px";
	//alert(id);
	document.getElementById(id).style.width = xx;
	return xx;
}
*/
