var dragLock=false;
var x,y;
var origRegion, origOrder;
var orig;
var origHtml;
var offsetX = 410;
var offsetY = 220;
var lastDragSection;

var isResizing = 0;
var isDebug = false;
var maxPageHeight=0;
var MouseBuffer=null;
var regionArr = new Array(5);
var initLock=true;
var markerTopDiv;
var markerBottomDiv;
var lastTempMarker;

var isProfile = window.location.href.indexOf('profile') != -1;;
var offsetx =  320;
var offsety =  20;

function ___MAIN_METHODS(){}

function Drag(mEvent)
{
  HidePic();//To hide the onmouseover message from the drag handles
  if(initLock)
    return false;
  var mySrc;
  var myDragId;


  mEvent= Event(mEvent);

  if(mEvent){
    if(mEvent.button)
    {
      if(mEvent.button == 2)
      {
        if(!isDebug)
          isDebug="Drag";
        else if (isDebug=="Drag")
          isDebug="Drop";
        else
          isDebug=false;

      }

      if((mEvent.button != 0)&&(mEvent.button != 1))
        return;
    }

    mySrc = (mEvent.srcElement) ? mEvent.srcElement: mySrc = mEvent.target;
    if((mySrc.attributes)&&(mySrc.attributes.dragid))
      myDragId = mySrc.attributes.dragid.value;
  }


  if (myDragId)
  {
    StopAllPlaying();
    hideSMS();

    //lock drag
    dragLock=true;

    //get divs
    orig = Get(myDragId);

    //set drag content
    Faker().innerHTML = orig.innerHTML;
    origHtml =  orig.innerHTML;

    //Make faker visible
    Faker().style.visibility = "visible";

    //set original attributes
    origRegion = orig.attributes.region.value;
    origOrder = orig.attributes.order.value;

    //set maxheight for scrolling
    maxPageHeight = document.body.scrollHeight + 50;

    //Fade the orig and the faker
    //Fade(orig,30);
    //Fade(Faker(),70);

    //set global start position
    x=mEvent.clientX;
    y=mEvent.clientY;

    //set movement and call once to initialize the placement of faker
    document.onmousemove=Move;
    Move(mEvent);
  }
}


function Move(mEvent)
{
  //XBrowser event handling
  mEvent= Event(mEvent);

  //Assertions
  if(mEvent){
    if(mEvent.button)
      if(mEvent.button != 0 && mEvent.button != 1)
        return false;
  }

  if(!dragLock)
    return false;

  if(!orig)
    return false;

  if(!mEvent.clientY)
    return false;

  //Scrolling
  HandleScroll(100,mEvent.clientY,document.body.scrollHeight,document.body.clientHeight);

  //Move Faker
  MoveEl(Faker(),mEvent.clientX,mEvent.clientY,parseInt(findPosX(orig)));

  //Find Section
  var newRegion = FindRegion(findPosX(Faker()) + Faker().offsetWidth,findPosY(Faker()));
  var newOrder = FindRegionPosition2(findPosY(Faker()),newRegion);
  var currentSection;

  if(newRegion != -1)
    currentSection = GetSectionDiv(newRegion,newOrder);
  else
    currentSection = 1;


  if(currentSection)
  {
    //Set Highlight
    var regionHeight = currentSection.offsetHeight;
    var regionMiddle = findPosY(currentSection) + (regionHeight/2);
    var delImg = Get('deletePod');

    if(newRegion != -1)
    {
      if(findPosY(Faker()) < regionMiddle)
      {
        markerTopDiv = Get('grey_box_dash_' + currentSection.id);
        if(markerTopDiv)
          markerTopDiv.className = "grey_box_dash";

        markerBottomDiv = Get('bottomMarker_' + currentSection.id);
        if(markerBottomDiv)
          markerBottomDiv.className = "hidden";

      }
    }
    else
    {
      if(delImg)
      {
        if(IsRemovableEl(orig))
        {
          delImg.title = "Remove this Mobile Pod.";
          delImg.src = "/Themes/_images_shared/im_x_on.gif";
        }
        else
        {
          delImg.title = "Cannot remove this Mobile Pod.";
          delImg.src = "/Themes/_images_shared/im_no_remove.gif";
        }
      }
    }

    if(currentSection != lastDragSection || lastTempMarker)
      ResetLastRegion();

    if(lastTempMarker)
    {
      lastTempMarker.className = "hidden";
      lastTempMarker = null;
    }

    lastDragSection = currentSection;
  }
  else
  {

    if(newOrder != 0 && newRegion != -1) // last pod in column
    {
      var newSection = GetSectionDiv(newRegion,newOrder-1);
      if(newSection)
      {
        markerTopDiv = Get('grey_box_dash_' + newSection.id);
        if(markerTopDiv)
          markerTopDiv.className = "hidden";

        markerBottomDiv = Get('bottomMarker_' + newSection.id);
        if(markerBottomDiv)
          markerBottomDiv.className = "grey_box_dash";

        if(newSection != lastDragSection || lastTempMarker)
          ResetLastRegion();

        lastDragSection = newSection;

        if(lastTempMarker)
        {
          lastTempMarker.className = "hidden";
          lastTempMarker = null;
        }

      }
    }
    else
    {
      // Must draw a new section for being highlighted.
      var tempMarker = Get('divMarker_'+ newRegion);
      if(tempMarker)
      {
        tempMarker.className = "grey_box_dash";

        if(lastTempMarker && lastTempMarker != tempMarker)
        {
          lastTempMarker.className = "hidden";
        }
        ResetLastRegion();
      }

      lastTempMarker = tempMarker;
    }

  }


  return false;
}

function Drop(mEvent)
{
  if(!dragLock)
    return;

  mEvent= Event(mEvent);



  var newRegion = FindRegion(findPosX(Faker()) + Faker().offsetWidth,findPosY(Faker()));
  var newOrder = FindRegionPosition2(findPosY(Faker()),newRegion);
  ResetLastRegion();
  if(lastTempMarker)
  {
    lastTempMarker.className = "hidden";
    lastTempMarker = null;
  }

  dragLock=false;

  DestroyDiv(Faker());

  if(!orig)
    return;

  EndAnim("faker");
  orig.innerHTML=origHtml;

  var isFromBucket = false;
  var isToDeletedBucket = false;

  if(newRegion == -1)
    isToDeletedBucket = true;

  if(origRegion == -1)
    isFromBucket = true;

  if(isToDeletedBucket && isFromBucket)
    return;

  var origRegionWidth = Get('REGION' + origRegion).attributes.podWidth.value;
  var newRegionWidth = Get('REGION' + newRegion).attributes.podWidth.value;


  //ZH 05-03-2006 added for the Blogcast Rich Text Area
  if(frames["rte1"] && frames["rte1"].document.designMode != "On")
  {
    parent.writeRichText("rte1", document.getElementById("hdnrte").value, rteWidth, rteHeight, true, false)
  }

  //If same pos don't do anything
  if((newRegion==origRegion)&&(newOrder==origOrder))
    return;

  //debugger;

  //If we can't remove it and they are trying to delete then don't do anything
  if(!IsRemovableEl(orig) && isToDeletedBucket)
    return;

  //Find old node
  var oldNode = TraverseToDepth(regionArr[origRegion],origOrder);

  if(!oldNode)
    return;

  var myPodId = oldNode.value.attributes.id.value;
  var myPodCd = oldNode.value.attributes.podcd.value;
  var myPodUserNoCd = oldNode.value.attributes.podusernocd.value;
  var myMappingCd = oldNode.value.attributes.mappingcd.value;
  if(oldNode.ParentNode)
  {
    oldNode.ParentNode.NextNode=oldNode.NextNode;
    oldNode.NextNode=null;

    if(oldNode.ParentNode.NextNode)
    {
      oldNode.ParentNode.NextNode.ParentNode=oldNode.ParentNode;
    }
    oldNode.ParentNode=null;
  }
  else
  {
    regionArr[origRegion] = oldNode.NextNode;
    oldNode.NextNode=null;

    if(regionArr[origRegion])
    {
      regionArr[origRegion].ParentNode=null;
    }
    oldNode.ParentNode=null;
  }

  HidePic();//To hide the onmouseover message from the drag handles

  //Need to rerender it? (key,actionId,podid,newWidth,region,order,podcd,mappingcd,podusernocd)
  if(newRegionWidth != origRegionWidth)
  {
    isResizing = 1;

    if(!isToDeletedBucket)
      ReSizePod(myPodId,0,myPodId,newRegionWidth,newRegion,newOrder,myPodCd,myMappingCd,myPodUserNoCd);
    else
      ReSizePod(myPodId,-1,myPodId,newRegionWidth,newRegion,newOrder,myPodCd,myMappingCd,myPodUserNoCd);
  }

  //Add to new spot in linklist
  if(!isToDeletedBucket)
  {
    var newSpot = TraverseToDepth(regionArr[newRegion],newOrder);
    if(!newSpot)
    {
      if(regionArr[newRegion])
        regionArr[newRegion].Tail().AppendNode(oldNode);
      else
        regionArr[newRegion]=oldNode;
    }
    else
    {
      if(newSpot.ParentNode)
        newSpot.PrependNode(oldNode);
      else
      {
        newSpot.ParentNode = oldNode;
        regionArr[newRegion] = newSpot.ParentNode;
        regionArr[newRegion].NextNode=newSpot;
      }
    }


  }else{//back to deleted
    if(regionArr[newRegion])
      regionArr[newRegion].Tail().AppendContent(orig);
    else
      regionArr[newRegion]=new LinkNode(orig);


  }

  ResetRegionOrder(origRegion);
  if(isFromBucket)
  {

    RedrawRegion(newRegion);
    ResetRegionOrder(newRegion);
  }
  else if(isToDeletedBucket)
  {
    RedrawRegion(origRegion);

  }
  else
  {
    RedrawRegion(newRegion);
    RedrawRegion(origRegion);
    ResetRegionOrder(newRegion);
  }

  oldNode=null;

  //ZH 05-03-2006 added for the Blogcast Rich Text Area
  if(frames["rte1"] && frames["rte1"].document.designMode != "On")
  {
    parent.writeRichText("rte1", document.getElementById("hdnrte").value, rteWidth, rteHeight, true, false)
  }
  SaveRegion();

}

function Faker()
{
  return Get("faker");
}

function BorderStyleOn()
{
  return Get("BorderStyleOn").value;
}
function BorderStyleOff()
{
  return Get("BorderStyleOff").value;
}

function ___SUPPORT_METHODS(){}

function IsRemovableEl(el)
{
  if(!el.attributes.isremovable)
    return true;

  if(el.attributes.isremovable.value == "false")
    return false;
  else
    return true;
}

function HandleScroll(tol,y,dh,db)
{
  //UP
  if(y < tol && document.body.scrollTop != 0)
  {
    var scrollAmt = tol - y;

    if(document.body.scrollTop < scrollAmt)
      scrollAmt = document.body.scrollTop - 1;

    scroll(0,document.body.scrollTop - scrollAmt);
  }

  //DOWN
  if(y > db - tol && (document.body.scrollTop + y) < maxPageHeight)
  {
    var scrollAmt = y - (db - tol);

    if((dh-db) < scrollAmt)
      scrollAmt = (dh-db);

    scroll(0,document.body.scrollTop + scrollAmt);
  }
}


function ___REGION_METHODS(){}
function BuildRegionArray()
{
  var maxPodsInRegion = 20;

  for(r=-1;r<3;r++)
  {
    var i = 0;
    var nextDivIndex = 0;
    var currentDiv = Get(pNm(r,i));

    while(currentDiv || i < maxPodsInRegion)
    {
      if(currentDiv)
      {
                currentDiv.attributes.order.value = nextDivIndex;
                nextDivIndex++;

                if(regionArr[r])
                {
                        regionArr[r].Tail().AppendContent(currentDiv);
                }
                else
                {
                        regionArr[r] = new LinkNode(currentDiv);
                }
          }

      i++;
      currentDiv = Get(pNm(r,i));
    }
  }
  initLock=false;

}

function ResetRegionOrder(region){
  var node = regionArr[region];
  var i = 0;
  while(node){
    node.value.attributes.order.value = i;
    i++;
    node = node.NextNode;
  }
}
function ResetLastRegion(){
  if(lastDragSection){
    markerTopDiv = Get('grey_box_dash_' + lastDragSection.id);
    if(markerTopDiv)
      markerTopDiv.className = "hidden";

    markerBottomDiv = Get('bottomMarker_' + lastDragSection.id);
    if(markerBottomDiv)
      markerBottomDiv.className = "hidden";

    // bse 8/30/05
    var delImg = Get('deletePod');
    if(delImg)
    delImg.src = "/Themes/_images_shared/im_x.gif";
  }

}


function ___POSITION_METHODS(){}

function FindRegion(x,y)
{
  var regiondel = Get('deletePod');
  var region0 = Get("REGION0");
  var region1 = Get("REGION1");
  var region2 = Get("REGION2");
  var regionStart;
  var regionEnd;

  if(regiondel){
    regionStart = findPosX(regiondel);
    regionEnd = regionStart + regiondel.offsetWidth;
    var regionYStart = findPosY(regiondel);
    var regionYEnd = regionYStart + regiondel.offsetHeight;
    if(( x>regionStart && x<regionEnd) && (y>regionYStart && y<regionYEnd))
      return -1;
  }

  if(region0){
    regionStart = findPosX(region0);
    regionEnd = regionStart + region0.offsetWidth;
    if(x < regionEnd)
      return 0;
  }
  if(region1){
    regionStart = findPosX(region1);
    regionEnd = regionStart + region1.offsetWidth;
    if(region2){
      if(x > findPosX(region1) && x < regionEnd)
        return 1;
    }else{
      if(x > findPosX(region1))
        return 1
    }
  }
  if(region2){
    regionStart = findPosX(region2);
    regionEnd = regionStart + region2.offsetWidth;
    if(x > findPosX(region2))
      return 2;
  }

  return 0;
}

function FindOrder(y,r)
{
  var node = regionArr[r];
  var i=0;

  while(node)
  {
    var bottom =node.value.offsetTop + node.value.offsetHeight/2;

    if(y<bottom)
      return i;

    node=node.NextNode;
    i++;
  }

  return i;
}

function FindRegionPosition2(y,r)
{
  //find bottom of things in that column
  var node = regionArr[r];
  var i=0;

  while(node)
  {
    var bottom =findPosY(node.value) + (node.value.offsetHeight/2);

    if(y<bottom)
      return i;

    node=node.NextNode;
    i++;
  }

  return i;
}

function GetSectionDiv(region,order){
  var myRegion = Get('REGION' + region);
  var divCnt = 0;
  if(myRegion){
    for(var i = 0; i < myRegion.childNodes.length; i++){
      if(myRegion.childNodes[i]){
        if(myRegion.childNodes[i].tagName){
          if(myRegion.childNodes[i].id.indexOf('pod')==0){
            if(divCnt==order)
              return myRegion.childNodes[i];
          }
          divCnt += 1;
        }
      }
    }
  }
}

function ___RENDER_METHODS(){}


function RedrawRegion(regionTd)
{
  var regionCell = Get('REGION'+regionTd);
  var newWidth  = regionCell.attributes.podWidth.value;

  var node = regionArr[regionTd];
  var i=0;

  var j=0;
  var len = regionCell.children.length;
  for(j=0;j<len;j++)
  {
    regionCell.removeChild(regionCell.childNodes[0]);
  }

  while(node)
  {
    node.value.attributes.region.value = regionTd;
    node.value.attributes.order.value = i;
    i++;

    regionCell.appendChild(node.value);
    ClearFilter(Get(node.Id));
    node=node.NextNode;
    if(i>10)
      node=null;
  }
}

function ___PHOTO_METHODS(){}

function ShowProfilePic(userid,url)
{
  if(dragLock)
    return true;

  InitRollOver(userid+'<BR><img src = "'+url+'" >');
}

function ietruebody(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function MoveProfilePic(e)
{


  var ie=document.all;
  var ns6=document.getElementById && !document.all;
  var offsekaysooint        = 10;        //Customize x offset of tooltip
  var offsetypoint        = 15;        //Customize y offset of tooltip
  var pic                        = Pic();
  var frame                        = Frame();
  var iframe                = IFrame();

  e = Event(e);


  if(pic){

    if(isProfile)
    {

                 var orgheight
                var curX=(ns6)?e.pageX : e.clientX+ietruebody().scrollLeft;
                var curY=(ns6)?e.pageY : e.clientY;



                var scrHeight=window.screen.availHeight


                var noScreen=Math.floor(Number(curY)/Number(scrHeight));

                if(noScreen>0)
                {
                  orgheight=curY-noScreen*scrHeight
                }
                else
                {
                        orgheight=curY
                }
                //curY=orgheight

                var totheight=orgheight+pic.offsetHeight
                var picHeight= pic.offsetHeight








                //Find out how close the mouse is to the corner of the window
                var rightedge= ie&&!window.opera?        parent.ietruebody().clientWidth-event.clientX-offsekaysooint  : self.innerWidth-e.clientX-offsekaysooint-20
                //var bottomedge=ie&&!window.opera?        parent.ietruebody().clientHeight-event.clientY-offsetypoint : self.innerHeight-e.clientY-offsetypoint-20
                //var bottomedge=orgheight




                var leftedge=(offsekaysooint<0)? offsekaysooint*(-1) : -1000


                //if the horizontal distance isn't enough to accomodate the width of the context menu
                if (rightedge<pic.offsetWidth)
                {
                        //move the horizontal position of the menu to the left by it's width
                        pic.style.left=ie? parent.ietruebody().scrollLeft+event.clientX-pic.offsetWidth+"px" : self.pageXOffset+e.clientX-pic.offsetWidth+"px"
                }
                else if (curX<leftedge)
                {
                        pic.style.left="5px"
                }
                else
                {
                        //position the horizontal position of the menu where the mouse is positioned
                        pic.style.left=curX+offsekaysooint+"px";
                }

        if(scrHeight-160<totheight)
                {
                        var liftHeight=totheight-scrHeight
                                pic.style.top=curY-liftHeight-200
                }
                else
                {
                        pic.style.top=curY;
                }
                var psb = parent.Get('idPSDNarrowBar');
                if(psb.style.display != "none")
                        pic.style.left= e.clientX + 37 + "px";
                else
                        pic.style.left= e.clientX + 240 + "px";

                //same concept with the vertical position
        /*        if (bottomedge<pic.offsetHeight)
                {
                        pic.style.top=ie? parent.ietruebody().scrollTop+event.clientY-pic.offsetHeight-offsetypoint+"px" : self.pageYOffset+e.clientY-pic.offsetHeight-offsetypoint+"px";
                }
                else
                {
                        pic.style.top=curY+offsetypoint+"px"
                }

                */
                        /*if(psb.style.display!=null)
                        alert(psb.style.display);
                var psb = parent.Get('idPSDNarrowBar');
                if(psb.style.display != "none")
                        pic.style.left= e.clientX + 37 + "px";
                else
                        pic.style.left= e.clientX + 240 + "px";

                pic.style.top = e.clientY + 20 + "px";*/
        }
        else
        {

                var curX=(ns6)?e.pageX : e.clientX+ietruebody().scrollLeft;
                var curY=(ns6)?e.pageY : e.clientY+ietruebody().scrollTop;

                //Find out how close the mouse is to the corner of the window
                var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsekaysooint : window.innerWidth-e.clientX-offsekaysooint-20
                var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

                var leftedge=(offsekaysooint<0)? offsekaysooint*(-1) : -1000

                //if the horizontal distance isn't enough to accomodate the width of the context menu
                if (rightedge<pic.offsetWidth)
                {
                        //move the horizontal position of the menu to the left by it's width
                        pic.style.left=ie? ietruebody().scrollLeft+event.clientX-pic.offsetWidth+"px" : window.pageXOffset+e.clientX-pic.offsetWidth+"px"
                }
                else if (curX<leftedge)
                {
                        pic.style.left="5px"
                }
                else
                {
                        //position the horizontal position of the menu where the mouse is positioned
                        pic.style.left=curX+offsekaysooint+"px";
                }

                //same concept with the vertical position
                if (bottomedge<pic.offsetHeight)
                {
                        pic.style.top=ie? ietruebody().scrollTop+event.clientY-pic.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-pic.offsetHeight-offsetypoint+"px";
                }
                else
                {
                        pic.style.top=curY+offsetypoint+"px"
                }
        }
  }

  if(pic && frame)
  {

      frame.style.top = pic.style.top;//document.body.clientHeight/2 - (myDiv.offsetHeight/2);
      frame.style.left = pic.style.left;//document.body.clientWidth/2 - (myDiv.offsetWidth/2);
      frame.style.width = pic.offsetWidth+"px";
      frame.style.height = pic.offsetHeight+"px";
      frame.style.display = "inline";
      pic.style.width = "auto";
      pic.style.height = "auto";
      if (iframe)
      {
        iframe.style.top = frame.style.top;//document.body.clientHeight/2 - (myDiv.offsetHeight/2);
        iframe.style.left = frame.style.left;//document.body.clientWidth/2 - (myDiv.offsetWidth/2);
        iframe.style.width = frame.offsetWidth+"px";
        iframe.style.height = frame.offsetHeight+"px";
        iframe.style.display = "inline";
      }

  }
}

function HideProfilePic()
{
  if(dragLock)
    return true;

  if(!Pic())
    return;

  if(Frame())
    Frame().style.display = "none";

  if (IFrame())
    IFrame().style.display = "none";
  DestroyDiv(Pic());

  document.onmousemove=MouseBuffer;
  MouseBuffer=null;
}
function Pic()
{
        if(isProfile)
                return parent.Get('divPopPic');
        return Get('divPopPic1');

}
function Frame()
{
        if(isProfile)
                return parent.Get('divPicFrame');
        return Get('divPicFrame1');
}
function IFrame()
{
        if(isProfile)
                return parent.Get('ifImage');
        return Get('ifImage1');
}

function ShowPic(url,userid,greetingtxt)
{
  if(dragLock)
    return true;

    if(!url)
    url = "";

  if(!userid)
    userid = "";

  if(!greetingtxt)
    greetingtxt = "";
  var html = '<table style="border-left: 1px solid #6654AC; border-right: 1px solid #6654AC; border-top: 6px solid #6654AC; border-bottom: 1px solid #6654ACbackground-color: #FFFFFF"><tr><td style="color: #2E2E2E; font-family: Verdana; font-size: 12pt;"><b>' + userid + '</b></td></tr><tr><td align=\'center\'><img src=\'' + url + '\'</td></tr></table>';

  var pic = Pic();
  pic.style.visibility = 'visible';
  pic.style.display = 'inline';
  pic.style.position = 'absolute';
  pic.style.width = 'auto';
  pic.innerHTML = html;

  var iframe = IFrame();
  iframe.style.display = 'inline';
  iframe.style.width = pic.offsetWidth + 'px';
  iframe.style.height = pic.offsetHeight + 'px';
  iframe.style.top = pic.style.top;
  iframe.style.left = pic.style.left;

  MouseBuffer=document.onmousemove;
  document.onmousemove=MoveProfilePic;
}

function ShowUserPic(imageUrl, userName, ageSex, location, friends,onlineIcon)
{

        if(dragLock)
                return true;

    if( !imageUrl )
                imageUrl = "";

        if( !userName )
                userName = "";

        if( !ageSex )
                ageSex = "";

        if( !location )
                location = "";

        if( !friends )
                friends = "";

        var html = '<table border="1" width="100%" id="table1" cellspacing="0" cellpadding="0" bordercolor="#808080" style="border-collapse: collapse">';
        html = html + '<tr><td align="center" colspan="2"><img src="' + imageUrl + '"></td></tr>';
        if(onlineIcon=='true')
        html = html + '<tr><td align="center" width="8" height="13"><img src="/Themes/_images/im_online.gif"></td>';

        html = html + '<td class="text_sm_color" align="left"><b>' + userName + '</b></td></tr>';
        if( ageSex.length > 0 )
                html = html + '<tr><td class="text_sm_color" align="left" colspan="2">' + ageSex + '</td></tr>';
        if( location.length > 0 )
                html = html + '<tr><td class="text_sm_color" align="left" colspan="2">' + location + '</td></tr>';
        if( friends.length > 0 )
                html = html + '<tr><td class="text_sm_color" align="left" colspan="2">' + friends + '</td></tr>';
        html = html + '</table>';

        var pic = Pic();
    pic.style.visibility = 'visible';
    pic.style.display = 'inline';
    pic.style.position = 'absolute';
    pic.style.width = 'auto';
    pic.innerHTML = html;

    var iframe = IFrame();
    iframe.style.display = 'inline';
    iframe.style.width = pic.offsetWidth + 'px';
    iframe.style.height = pic.offsetHeight + 'px';
    iframe.style.top = pic.style.top;
    iframe.style.left = pic.style.left;

    MouseBuffer=document.onmousemove;
    document.onmousemove=MoveProfilePic;
}

function MovePic(e)
{
  MoveProfilePic(e);
}

function HidePic()
{
  HideProfilePic();
}

function InitRollOver(html)
{
  var pic = Pic();
  pic.style.visibility = 'visible';
  pic.style.display = 'inline';
  pic.style.position = 'absolute';
  pic.style.width = 'auto';
  pic.innerHTML = html;

  var iframe = IFrame();
  iframe.style.display = 'inline';
  iframe.style.width = '500px';
  iframe.style.height = '500px';
  iframe.style.top = pic.style.top;
  iframe.style.left = pic.style.left;

  MouseBuffer=document.onmousemove;
  document.onmousemove=MoveProfilePic;
}
function ShowSMSRollover(SMSText, e)
{
  if(dragLock)
    return true;

  if(!Pic())
    return false;

  InitRollOver('<table height=\'22\' border=\'0\' cellpadding=\'0\' cellspacing=\'0\' class=\'border_theme\'><tr valign=\'middle\'><td height=\'20\' align=\'left\' class=\'text_sm_color\'><nobr>&nbsp;' + SMSText + '&nbsp;</nobr></td></tr></table>');
}
function ShowMARollover(MAText)
{
  if (dragLock)
    return true;

  if (!Pic())
    return false;

  InitRollOver('<table width=\'200\' border=\'0\' cellpadding=\'6\' cellspacing=\'0\' class=\'border_theme_div\' style=\'background-color:white\'><tr><td><table id=\'Table_01\' width=\'205\' height=\'200\' border=\'0\' cellpadding=\'0\' cellspacing=\'0\' background=\'/MobileAlerts/images/phone.jpg\'><tr><td width=\'47\' height=\'43\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'47\' height=\'43\'></td><td width=\'109\' height=\'43\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'109\' height=\'43\'></td><td width=\'49\' height=\'43\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'49\' height=\'43\'></td></tr><tr><td width=\'47\' height=\'101\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'47\' height=\'101\'></td><td width=\'109\' height=\'101\' align=\'left\' valign=\'top\' style=\'font-family:Verdana, Helvetica, sans-serif;font-size:10px\'>'+ MAText +'</td><td width=\'49\' height=\'101\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'49\' height=\'101\'></td></tr><tr><td width=\'47\' height=\'56\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'47\' height=\'56\'></td><td width=\'109\' height=\'56\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'109\' height=\'56\'></td><td width=\'49\' height=\'56\'><img src=\'/MobileAlerts/images/spacer.gif\' width=\'49\' height=\'56\'></td></tr></table></td></tr></table>');

}



function RemoveNodeFromOldRegion(oldRegion,oldOrder)
{
  var removedNode = TraverseToDepth(regionArr[oldRegion],oldOrder);

  if(!removedNode)
    return;

  var myPodId = removedNode.value.attributes.id.value;
  var myPodCd = removedNode.value.attributes.podcd.value;
  var myPodUserNoCd = removedNode.value.attributes.podusernocd.value;
  var myMappingCd = removedNode.value.attributes.mappingcd.value;
  if(removedNode.ParentNode)
  {
    removedNode.ParentNode.NextNode=removedNode.NextNode;
    removedNode.NextNode=null;

    if(removedNode.ParentNode.NextNode)
    {
      removedNode.ParentNode.NextNode.ParentNode=removedNode.ParentNode;
    }
    removedNode.ParentNode=null;
  }
  else
  {
    regionArr[oldRegion] = removedNode.NextNode;
    removedNode.NextNode=null;

    if(regionArr[oldRegion])
    {
      regionArr[oldRegion].ParentNode=null;
    }
    removedNode.ParentNode=null;
  }
}