function doSides(){
  document.getElementById("leftBack").style.left = "0px";//(document.getElementById("pageBg").clientWidth-990)/2 - 105 + "px";
  document.getElementById("leftBack").style.width = (document.getElementById("homeBg").clientWidth/2)-495 + "px";
  document.getElementById("rightBack").style.left = Math.floor((document.getElementById("homeBg").clientWidth-990)/2 + 990) + "px";
  document.getElementById("rightBack").style.width = (document.getElementById("homeBg").clientWidth/2)-495 + "px";
  
  document.getElementById("lGrey1").style.height = document.getElementById("cleft").offsetHeight - 24 + "px";
  document.getElementById("lGrey2").style.height = document.getElementById("cleft").offsetHeight - 24 + "px";
}

function doSidesI(){
  document.getElementById("leftBackI").style.left = "0px";//(document.getElementById("pageBg").clientWidth-990)/2 - 105 + "px";
  document.getElementById("leftBackI").style.width = (document.getElementById("pageBg").clientWidth/2)-495 + "px";
  document.getElementById("rightBackI").style.left = Math.floor((document.getElementById("pageBg").clientWidth-990)/2 + 990) + "px";
  document.getElementById("rightBackI").style.width = (document.getElementById("pageBg").clientWidth/2)-495 + "px";
  
  offHeight = (document.getElementById("cleft").offsetHeight>document.getElementById("cright").offsetHeight) ? document.getElementById("cleft").offsetHeight : document.getElementById("cright").offsetHeight;
  document.getElementById("lGrey1").style.height = offHeight - 43 + "px";
  document.getElementById("lGrey2").style.height = offHeight - 43 - 69 + "px";
}

function doPortfolio() {
  document.getElementById('portfolio').style.height = document.getElementById('allBlocks').offsetHeight+'px'; 
}

var moves = 1;
function setMove(l,l2,last){
  el = document.getElementById(l);
  el2 = document.getElementById(l2);
  //alert(el.offsetLeft);
  //alert(el.offsetLeft);
  var newPos = '-' + (352*moves)-(-16*1);
  moves++;
  if(last) {
    newPos = 16;
    moves = 1;
    var move = setInterval(function(){doMoveBack(move,el,el2,newPos)},15);
  }
  else var move = setInterval(function(){doMove(move,el,el2,newPos)},15);
}

function doMove(move,el,el2,newPos){
  if(el.offsetLeft>newPos) {
    el.style.left = el.offsetLeft-16 + "px";
    el2.style.left = el2.offsetLeft-16 + "px";
  }
  else {
    el.style.left = newPos+"px";
    el2.style.left = newPos+"px";
    clearInterval(move);
  }
}

function doMoveBack(move,el,el2,newPos){
  if(el.offsetLeft<newPos) {
    el.style.left = el.offsetLeft+16 + "px";
    el2.style.left = el2.offsetLeft+16 + "px";
  }
  else {
    el.style.left = newPos+"px";
    el2.style.left = newPos+"px";
    clearInterval(move);
  }
}

function setMovePortfolio(l,last){
  el = document.getElementById(l);
  //alert(el.offsetLeft);
  //alert(el.offsetLeft);
  var newPos = '-' + (622*moves);
  moves++;
  if(last) {
    newPos = 16;
    moves = 1;
    var move = setInterval(function(){doMoveBackPortfolio(move,el,newPos)},15);
  }
  else var move = setInterval(function(){doMovePortfolio(move,el,newPos)},15);
}

function doMovePortfolio(move,el,newPos){
  if(el.offsetLeft>newPos) {
    el.style.left = el.offsetLeft-26 + "px";
  }
  else {
    el.style.left = newPos+"px";
    clearInterval(move);
  }
}

function doMoveBackPortfolio(move,el,newPos){
  if(el.offsetLeft<newPos) {
    el.style.left = el.offsetLeft+26 + "px";
  }
  else {
    el.style.left = newPos+"px";
    clearInterval(move);
  }
}