var oldOnLoad = window.onload;

window.onload=function(){



var fOldOnLoad = oldOnLoad;

fOldOnLoad();



var webnab = document.createElement("div");

webnab.id="webnab";

webnab.style.background="transparent url('http://bestsites.ro/upls/folder.png') 0 0 no-repeat";

webnab.style.position="fixed";

webnab.style.width="128px";

webnab.style.height="73px";

webnab.style.textAlign="center";

webnab.style.bottom="0";

webnab.style.left="0";

webnab.style.fontSize="24px";

webnab.style.paddingTop="65px";

webnab.style.color="white";

webnab.style.fontFamily="arial";

webnab.style.zIndex="9998";

webnab.onmouseover=checkdrop;



webnab.innerHTML='<div id="nrof">0 items</div><a href="javascript:clear()" style="color:red;cursor:pointer">clear</a> <a href="javascript:save();" style="color:green;cursor:pointer">save</a> <br /><span style="color:white;font-size:10px;">WebNab 0.9 &copy;<a href="http://bestsites.ro">bestsites.ro</a></span><iframe name="hiddenIframe" style="visivility:hidden;width:0px;height:0px;border:none;"></iframe><form  target="hiddenIframe" style="visibility:hidden" action="http://bestsites.ro/upls/webnab.php" method="post" id="hiddenForm"><input type="hidden" name="grab" value="" /></form>';

document.body.appendChild(webnab);

	var imgs = document.getElementsByTagName('img');

	for(var i=0; i<imgs.length; i++){

		imgs[i].style.cursor="move";

		imgs[i].title="drag this into WebNab folder!";

		imgs[i].onmousedown=mygrab;

	}
/*
	var ps = document.getElementsByTagName('p');

	for(var j=0; j<ps.length; j++){

		ps[i].style.cursor="move";

		ps[i].title="drag this into WebNab folder!";

		ps[j].onmousedown=mygrab;

	}
*/


document.onmousemove=getPosition;



}

function mygrab(){

	grab(this);

}



	var posx = 0;

	var posy = 0;





function getPosition(e) {

	if (!e) var e = window.event;

	if (e.pageX || e.pageY) 	{

		posx = e.pageX;

		posy = e.pageY;

	}

	else if (e.clientX || e.clientY) 	{

		posx = e.clientX + document.body.scrollLeft

			+ document.documentElement.scrollLeft;

		posy = e.clientY + document.body.scrollTop

			+ document.documentElement.scrollTop;

	}

}





var content=Array();

//var mousex = 0;

//var mousey = 0;

var grabx = 0;

var graby = 0;

var orix = 0;

var oriy = 0;

var elex = 0;

var eley = 0;

var algor = 0;

var newdiv;

var dropped = false;

var dragobj = null;

function falsefunc() { return false; } 



function grab(context)

{

document.onmousedown = falsefunc; 

var newdiv = document.createElement("div");

newdiv.style.position = "absolute";

newdiv.style.opacity = '.'+50;

newdiv.style.filter = "alpha(opacity:50)";

newdiv.style.visibility="hidden";

newdiv.style.cursor="move";

newdiv.style.top=posy+'px';

newdiv.style.left=posx+'px';

//alert(posy);



switch (context.nodeName)

{

case 'IMG':

	newdiv.innerHTML = '<img src="'+context.src.toString()+'" />';

	break;

case 'P':

	newdiv.innerHTML = context.innerHTML;

	break;

}





dragobj = newdiv;

dragobj.style.zIndex = 9999; // move it to the top

document.body.appendChild(newdiv);

document.onmousemove = drag;

document.onmouseup = drop;

dropped = false;

grabx = posx;

graby = posy; 

elex = orix = context.offsetLeft;

eley = oriy = context.offsetTop;

}



function bordered(){

	this.style.border='1px dotted black';

}

function drag(e)

{

if (dragobj)

{

dragobj.style.visibility="visible"; 

elex = orix + (posx-grabx);

eley = oriy + (posy-graby);

dragobj.style.position = "absolute";

dragobj.style.left = (elex).toString(10) + 'px';

dragobj.style.top = (eley).toString(10) + 'px';

dragobj.style.border='1px dotted black';

dropped = false;

}

getPosition(e);

return false; 

}

function drop() {

if (dragobj)

{

dragobj.style.zIndex = 0;

dragobj.style.display='none';

dragobj.style.visibility='hidden';

dropped = true;

}

document.onmousemove = getPosition;

document.onmouseup = null;

document.onmousedown = null; 

}

function checkdrop() {

if (dragobj && dropped) {

content.push(dragobj.innerHTML);



document.getElementById('nrof').innerHTML = parseInt(parseInt(document.getElementById('nrof').innerHTML) + 1) + ' items';

dropped = false;



}

}

function clear(){

content = Array();

document.getElementById('nrof').innerHTML = '0 items';



}

function save(){



var form = document.getElementById('hiddenForm');

var inputs = form.getElementsByTagName('input');

inputs[0].value= content.join('@@@');

form.submit();



}