// JavaScript Document
function ScrollUp()
{
  document.getElementById("portfolio_thumbs").scrollTop -= 72;
}

function ScrollDown()
{
  document.getElementById("portfolio_thumbs").scrollTop += 72;
}

var currentCounter = 0;
function ShowPortfolio(counter)
{
  document.getElementById('thumb'+currentCounter).className = "portfolio_thumb";
  var oldClassName = document.getElementById('image'+currentCounter).className;
  if (oldClassName == 'portfolio_portrait_show')
    document.getElementById('image'+currentCounter).className = "portfolio_portrait_hide";
  else
    document.getElementById('image'+currentCounter).className = "portfolio_landscape_hide";
    
  currentCounter = counter;
  document.getElementById('thumb'+currentCounter).className = "portfolio_thumb_selected";
  oldClassName = document.getElementById('image'+currentCounter).className;
  if (oldClassName == 'portfolio_portrait_hide')
    document.getElementById('image'+currentCounter).className = "portfolio_portrait_show";
  else
    document.getElementById('image'+currentCounter).className = "portfolio_landscape_show";
}