function trim(s)
{
  s = s.replace(/^\s+|\s+$/g, '');
  return s;
}

// function to give us a new xmlHttp object
function getNewHttp()
{
  var xmlHttp;
  try
  {  // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
  }
  catch (e)
  {  // Internet Explorer
    try
    {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      try
      {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  return xmlHttp;
}

function AddCubeFrm(headerId)
{
   f = document.getElementById('addcubediv');

   d = document.getElementById(headerId);

   ypos = GetTop(d);
   xpos = GetLeft(d);

   f.style.top = (parseInt(ypos) + "px");
   f.style.left = (parseInt(xpos) + "px");

   f.style.display = "block";

   // select right position if we show from from there
   if (headerId == "mediacontri")
   {
     document.getElementById('cubelocright').checked = true;
     document.getElementById('cubesizes').style.display = "block";
   }
   else
   {
     document.getElementById('cubelocleft').checked = true;
     document.getElementById('cubesizes').style.display = "none";
   }
}

function GetTop(elm)
{
  var y = 0;

  //set y to elm’s offsetTop
  y = elm.offsetTop;

  //set elm to its offsetParent
  elm = elm.offsetParent;

  while(elm != null)
  {
    y = parseInt(y) + parseInt(elm.offsetTop);
    elm = elm.offsetParent;
  }

  return y;
}

function GetLeft(elm)
{
  var x = 0;

  //set x to elm’s offsetLeft
  x = elm.offsetLeft;

  //set elm to its offsetParent
  elm = elm.offsetParent;

  while(elm != null)
  {

    x = parseInt(x) + parseInt(elm.offsetLeft);
    elm = elm.offsetParent;
  }

  return x;
}

function AddingLeftCube()
{
  csizes = document.getElementById('cubesizes');
  csizes.style.display = "none";
  fd = document.getElementById('fourImagesDiv');
  fd.style.display = "none";
  one_div = document.getElementById('oneImageDiv');
  one_div.style.display="block";
}

function AddingRightCube()
{
  csizes = document.getElementById('cubesizes');
  csizes.style.display = "block";

  rsizes = document.getElementById('rightcubesmall');
  rsizes.checked = true;

  fd = document.getElementById('fourImagesDiv');
  fd.style.display = "none";
  one_div = document.getElementById('oneImageDiv');
  one_div.style.display="block";
}

function Adding4CubesOnRight()
{
  fd = document.getElementById('fourImagesDiv');
  fd.style.display = "block";
  one_div = document.getElementById('oneImageDiv');
  one_div.style.display="none";
}

function AddingOneCubeOnRight()
{
  fd = document.getElementById('fourImagesDiv');
  fd.style.display = "none";
  one_div = document.getElementById('oneImageDiv');
  one_div.style.display="block";
}

function AddCube()
{
  c_url = document.getElementById('cubeurl').value;
  c_url = trim(c_url);
  if (c_url == "")
  {
    alert('Cube URL is required');
    return false;
  }
  if (document.getElementById('cubelocleft').checked)
  {
    c_img = document.getElementById('cubeimage').value;
    c_img = trim(c_img);
    if ((c_img == "")&&(document.getElementById('current_cube').value == ""))
    {
      alert('Cube image is required');
      return false;
    }
  }
  else if (document.getElementById('cubelocright').checked)
  {
    if ((document.getElementById('rightcubesmall').checked) ||
        (document.getElementById('rightcubebig').checked))
    {
      c_img = document.getElementById('cubeimage').value;
      c_img = trim(c_img);
      if ((c_img == "")&&(document.getElementById('current_cube').value == ""))
      {
        alert('Cube image is required');
        return false;
      }
    }
    else if (document.getElementById('rightcubeblocksof4').checked)
    {
      b1img = document.getElementById('block1image').value;
      b1img = trim(b1img);
      b2img = document.getElementById('block2image').value;
      b2img = trim(b2img);
      b3img = document.getElementById('block3image').value;
      b3img = trim(b3img);
      b4img = document.getElementById('block4image').value;
      b4img = trim(b4img);
      if ( ((b1img=="")||(b2img=="")||(b3img=="")||(b4img==""))&&
           (document.getElementById('current_cube').value == "") )
      {
        alert('Four images are required');
        return false;
      }
    }
  }
  return true;
}

function HideForm(frmId)
{
  f = document.getElementById(frmId);
  if (f)
  {
    f.style.display = "none";
    // if we are on edit mode, need to go back to previous page so that edit params on url are gone...
    if (document.getElementById('editcube'))
    {
        history.go(-1);
    }
  }
}

function PositionEditDeleteLink(editDeleteLinkId, cubeId)
{
   d = document.getElementById(cubeId);

   ypos = GetTop(d);
   xpos = GetLeft(d);

   l = document.getElementById(editDeleteLinkId);
   l.style.top  = (parseInt(ypos) + "px");
   l.style.left = (parseInt(xpos) + "px");
}