function showIt(what)
{
 document.getElementById('Large').innerHTML = '<img src="assets/images/portfolio/product/' + what + '.jpg" border="0">';
 borderIt(what);
}

function borderIt(what)
{
 for (i=1;i<=16;i++)
 {
  if (what != i) 
   document.getElementById("tn_" + i).style.border = "solid #000000 1px";
  else
   document.getElementById("tn_" + i).style.border = "solid #ffffff 1px";
 }
}

function initPics()
{
 you1It = new Image();
 you1It.src = "assets/images/portfolio/product/1.jpg";
 you2It = new Image();
 you2It.src = "assets/images/portfolio/product/2.jpg";
 you3It = new Image();
 you3It.src = "assets/images/portfolio/product/3.jpg";
 you4It = new Image();
 you4It.src = "assets/images/portfolio/product/4.jpg";
//---r2
 you5It = new Image();
 you5It.src = "assets/images/portfolio/product/5.jpg";
 you6It = new Image();
 you6It.src = "assets/images/portfolio/product/6.jpg";
 you7It = new Image();
 you7It.src = "assets/images/portfolio/product/7.jpg";
 you8It = new Image();
 you8It.src = "assets/images/portfolio/product/8.jpg";
//---r3
 you9It = new Image();
 you9It.src = "assets/images/portfolio/product/9.jpg";
 you10It = new Image();
 you10It.src = "assets/images/portfolio/product/10.jpg";
 you11It = new Image();
 you11It.src = "assets/images/portfolio/product/11.jpg";
 you12It = new Image();
 you12It.src = "assets/images/portfolio/product/12.jpg";
 //---r4
 you13It = new Image();
 you13It.src = "assets/images/portfolio/product/13.jpg";
 you14It = new Image();
 you14It.src = "assets/images/portfolio/product/14.jpg";
 you15It = new Image();
 you15It.src = "assets/images/portfolio/product/15.jpg";
 you16It = new Image();
 you16It.src = "assets/images/portfolio/product/16.jpg";

 document.getElementById("tn_1").style.border = "solid #ffffff 1px";
}