document.write('<style type="text/css">#buz{margin:5px 20px 0 20px;}#fp{width:97%;margin:5px auto 5px 12px;}.ft{float:left;text-align:left;width:270px;height:49px;position:relative;border:1px solid #ddd;margin:3px;padding:6px 0 0 13px;display:block; cursor:move; }.ft span{display:block;font-size:10px;color:#444;}h3{font-size:14px;margin:0;color:#0033CC;display:block;}#mainContainer{width: 640px;height:1200px;margin:0;}#dragableElementsParentBox{padding:10px;margin:10px;}#rectangle{float:left;border:2px dotted #F00;margin:0;padding:0; cursor:move;}.clear{clear:both;}</style>');
var rectangleBorderWidth = 1;
var useRectangle =true;
var autoScrollSpeed = 5; //- High = faster

var eF=new Date();
function res(){
eF.setTime(eF.getTime()+604800000);
sco('f','2',eF,'forum');document.forms[0].vu.value='2';__doPostBack('ed','');
}
function saveData()
{
var sas = "";
for(var no=0;no<dragArray.length;no++){
if(sas.length>0)sas = sas + '-';
ref = dragArray[no];
sas = sas + ref['obj'].id;
}
sas=sas.replace(/v_/ig,'');

sas='F_'+sas+'_';
eF.setTime(eF.getTime()+604800000);
sco('f',sas,eF,'forum');
document.forms[0].vu.value=sas;__doPostBack('ed','');


}

var dragableElementsParentBox;
var opera = navigator.appVersion.indexOf('Opera')>=0?true:false;
var rectangleDiv = false;
var insertionMarkerDiv = false;
var mouse_x;
var mouse_y;
var el_x;
var el_y;
var dragDropTimer = -1;// -1 = no drag, 0-9 = initialization in progress, 10 = dragging
var dragObject = false;
var dragObjectNextObj = false;
var dragArray = new Array();
var destinationObj = false;
var currentDest = false;
var allowRectangleMove = true;
var insertionMarkerLine;
var dragDropMoveLayer;
var autoScrollActive = false;
var documentHeight = false;
var documentScrollHeight = false;
var dragableAreaWidth = false;

function getTopPos(inputObj)
{
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}

function cancelSelectionEvent()
{
if(dragDropTimer>=0)return false;
return true;
}

function getObjectFromPosition(x,y)
{
var height = dragObject.offsetHeight;
var width = dragObject.offsetWidth;
var indexCurrentDragObject=-5;
for(var no=0;no<dragArray.length;no++){
ref = dragArray[no];
if(ref['obj']==dragObject)indexCurrentDragObject=no;
if(no<dragArray.length-1 && dragArray[no+1]['obj']==dragObject)indexCurrentDragObject=no+1;
if(ref['obj']==dragObject && useRectangle)continue;
if(x > ref['left'] && y>ref['top'] && x<(ref['left'] + (ref['width']/2)) && y<(ref['top'] + ref['height'])){
if(!useRectangle && dragArray[no]['obj']==dragObject)return 'self';
if(indexCurrentDragObject==(no-1))return 'self';
return Array(dragArray[no],no);
}

if(x > (ref['left'] + (ref['width']/2)) && y>ref['top'] && x<(ref['left'] + ref['width']) && y<(ref['top'] + ref['height'])){
if(no<dragArray.length-1){
if(no==indexCurrentDragObject || (no==indexCurrentDragObject-1)){
return 'self';
}
if(dragArray[no]['obj']!=dragObject){
return Array(dragArray[no+1],no+1);
}else{
if(!useRectangle)return 'self';
if(no<dragArray.length-2)return Array(dragArray[no+2],no+2);
}
}else{
if(dragArray[dragArray.length-1]['obj']!=dragObject)return 'append';

}
}
if(no<dragArray.length-1){
if(x > (ref['left'] + ref['width']) && y>ref['top'] && y<(ref['top'] + ref['height']) && y<dragArray[no+1]['top']){
return Array(dragArray[no+1],no+1);
}
}
}
if(x>ref['left'] && y>(ref['top'] + ref['height']))return 'append';
return false;
}

function initDrag(e)
{
if(document.all)e = event;
mouse_x = e.clientX;
mouse_y = e.clientY;
if(!documentScrollHeight)documentScrollHeight = document.documentElement.scrollHeight + 100;
el_x = getLeftPos(this)/1;
el_y = getTopPos(this)/1;
dragObject = this;


rectangleDiv.style.width = this.clientWidth - (rectangleBorderWidth*2) +'px';
rectangleDiv.style.height = this.clientHeight - (rectangleBorderWidth*2) +'px';
rectangleDiv.className = this.className;


dragDropTimer = 0;
dragObjectNextObj = false;
if(this.nextSibling){
dragObjectNextObj = this.nextSibling;
if(!dragObjectNextObj.tagName)dragObjectNextObj = dragObjectNextObj.nextSibling;
}
initDragTimer();
return false;
}

function initDragTimer()
{
if(dragDropTimer>=0 && dragDropTimer<10){
dragDropTimer++;
setTimeout('initDragTimer()',5);
return;
}
if(dragDropTimer==10){


dragObject.style.opacity = 0.5;
dragObject.style.filter = 'alpha(opacity=50)';
dragObject.style.cursor = 'default';


}
}


function autoScroll(direction,yPos)
{
if(document.documentElement.scrollHeight>documentScrollHeight && direction>0)return;

window.scrollBy(0,direction);

if(direction<0){
if(document.documentElement.scrollTop>0){
mouse_y = mouse_y - direction;

dragObject.style.top = (el_y - mouse_y + yPos) + 'px';



}else{
autoScrollActive = false;
}
}else{
if(yPos>(documentHeight-50)){

mouse_y = mouse_y - direction;
dragObject.style.top = (el_y - mouse_y + yPos) + 'px';

}else{
autoScrollActive = false;
}
}
if(autoScrollActive)setTimeout('autoScroll('+direction+',' + yPos + ')',5);
}

function moveDragableElement(e)
{
if(document.all)e = event;

if(dragDropTimer<10)return;
if(!allowRectangleMove)return false;


if(e.clientY<50 || e.clientY>(documentHeight-50)){
if(e.clientY<50 && !autoScrollActive){
autoScrollActive = true;
autoScroll((autoScrollSpeed*-1),e.clientY);
}

if(e.clientY>(documentHeight-50) && document.documentElement.scrollHeight<=documentScrollHeight && !autoScrollActive){
autoScrollActive = true;
autoScroll(autoScrollSpeed,e.clientY);
}
}else{
autoScrollActive = false;
}

if(dragObject.style.position!='absolute'){
dragObject.style.position = 'absolute';
setTimeout('repositionDragObjectArray()',50);
}

rectangleDiv.style.display='block';

dragObject.style.left = (el_x - mouse_x + e.clientX + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft)) + 'px';
dragObject.style.top = (el_y - mouse_y + e.clientY) + 'px';


dest = getObjectFromPosition(e.clientX+Math.max(document.body.scrollLeft,document.documentElement.scrollLeft),e.clientY+Math.max(document.body.scrollTop,document.documentElement.scrollTop));

if(dest!==false && dest!='append' && dest!='self'){
destinationObj = dest[0]; 

if(currentDest!==destinationObj){
currentDest = destinationObj;

destinationObj['obj'].parentNode.insertBefore(rectangleDiv,destinationObj['obj']);
repositionDragObjectArray();



}
}

if(dest=='self' || !dest){

destinationObj = dest;
}

if(dest=='append'){

dragableElementsParentBox.appendChild(rectangleDiv);
dragableElementsParentBox.appendChild(document.getElementById('clear'));


destinationObj = dest;
repositionDragObjectArray();
}

if(useRectangle && !dest){
destinationObj = currentDest;
}

allowRectangleMove = false;
setTimeout('allowRectangleMove=true',50);
}

function stop_dragDropElement()
{
dragDropTimer = -1;

if(destinationObj && destinationObj!='append' && destinationObj!='self'){
destinationObj['obj'].parentNode.insertBefore(dragObject,destinationObj['obj']);
}
if(destinationObj=='append'){
dragableElementsParentBox.appendChild(dragObject);
dragableElementsParentBox.appendChild(document.getElementById('clear'));
}

if(dragObject && useRectangle){
dragObject.style.opacity = 1;
dragObject.style.filter = 'alpha(opacity=100)';
dragObject.style.cursor = 'move';
dragObject.style.position='static';
}
rectangleDiv.style.display='none';
//insertionMarkerDiv.style.display='none';
dragObject = false;
currentDest = false;
resetObjectArray();
destinationObj = false;
if(dragDropMoveLayer){
dragDropMoveLayer.style.display='none';
dragDropMoveLayer.innerHTML='';
}
autoScrollActive = false;
documentScrollHeight = document.documentElement.scrollHeight + 100;
}

function cancelEvent()
{
return false;
}

function repositionDragObjectArray()
{
for(var no=0;no<dragArray.length;no++){
ref = dragArray[no];
ref['left'] = getLeftPos(ref['obj']);
ref['top'] = getTopPos(ref['obj']);
}
documentScrollHeight = document.documentElement.scrollHeight + 100;
documentHeight = document.documentElement.clientHeight;
}

function resetObjectArray()
{
dragArray.length=0;
var subDivs = dragableElementsParentBox.getElementsByTagName('*');
var countEl = 0;

for(var no=0;no<subDivs.length;no++){
var attr = subDivs[no].getAttribute('drg');
if(opera)attr = subDivs[no].drg;
if(attr=='true'){
var index = dragArray.length;
dragArray[index] = new Array();
ref = dragArray[index];
ref['obj'] = subDivs[no];
ref['width'] = subDivs[no].offsetWidth;
ref['height'] = subDivs[no].offsetHeight;
ref['left'] = getLeftPos(subDivs[no]);
ref['top'] = getTopPos(subDivs[no]);
ref['index'] = countEl;
countEl++;
}
}
}



function initDRAG()
{
	if (mem=='Guest'){document.getElementById('buz').style.display='none';}else{
dragableElementsParentBox = document.getElementById('dragableElementsParentBox');
//insertionMarkerDiv = document.getElementById('insertionMarker');
insertionMarkerLine = document.getElementById('insertionMarkerLine');
dragableAreaWidth = dragableElementsParentBox.offsetWidth;

dragDropMoveLayer = document.createElement('DIV');
dragDropMoveLayer.id = 'dragDropMoveLayer';
document.body.appendChild(dragDropMoveLayer);

var subDivs = dragableElementsParentBox.getElementsByTagName('DIV');
var countEl = 0;
for(var no=0;no<subDivs.length;no++){
var attr = subDivs[no].getAttribute('drg');
if(opera)attr = subDivs[no].drg;
if(attr=='true'){
subDivs[no].style.cursor='move';
subDivs[no].onmousedown = initDrag;

var index = dragArray.length;
dragArray[index] = new Array();
ref = dragArray[index];
ref['obj'] = subDivs[no];
ref['width'] = subDivs[no].offsetWidth;
ref['height'] = subDivs[no].offsetHeight;
ref['left'] = getLeftPos(subDivs[no]);
ref['top'] = getTopPos(subDivs[no]);
ref['index'] = countEl;
countEl++;
}
}

rectangleDiv = document.createElement('DIV');
rectangleDiv.id='rectangle';
rectangleDiv.style.display='none';
dragableElementsParentBox.appendChild(rectangleDiv);

document.body.onmousemove = moveDragableElement;
document.body.onmouseup = stop_dragDropElement;
//document.body.onselectstart = cancelSelectionEvent;
document.body.ondragstart = cancelEvent;
window.onresize = repositionDragObjectArray; 

documentHeight = document.documentElement.clientHeight;

document.onselectstart = function() {return false;} // ie
document.onmousedown = function() {return false;} // moz

if (document.forms[0].vu.value.length>3){document.getElementById('sav').innerHTML='Saved! <a href="index.html"><b>GO to Forums</b></a>';}
	}
}

//window.onload = initDRAG;


function WZ(){
if (mem=='Guest'){
ATH();}else{
var AR=new Array('<div id="mainContainer"><div id="dragableElementsParentBox">');
var II=0;
var fkk=fif.length-1;
var DCC='';
var kok=gec('f');
if (kok.length>3){
var rex = /F\_(.+?)\_/;
var ma = rex.exec(kok);
if (ma!=null){
DCC=ma[1];
}else {alert('login!');}
}

if (DCC.length>3){
var DC=DCC.split('-');
var DCL=DC.length;
var iw=0;
for (II=0;II<DCL;II++){

for (iw=0;iw<fkk;iw++){
if(DC[II]==fif[iw]){
AR.push('<div class="ft" drg="true" id="v_'+fif[iw]+'">');
AR.push('<h3>'+fff[iw]+'</h3>');
AR.push('<span>'+fds[iw]+' ...</span></div>');break;
}
}


}

}else {


for (II=0;II<fkk;II++){
AR.push('<div class="ft" drg="true" id="v_'+fif[II]+'">');
AR.push('<h3>'+fff[II]+'</h3>');
AR.push('<span>'+fds[II]+' </span></div>');

}

}



AR.push('</div><div class="clear" id="clear">&nbsp;</div></div>');
document.write(AR.join(''));AR=null;

}
}