function displayMainImg() {

var randNo = Math.ceil(Math.random()*10);

var imgsrc1 = "001-redball.jpg";
var imgsrc2 = "002-flaska.jpg";
var imgsrc3 = "001-redball.jpg";
var imgsrc4 = "002-flaska.jpg";
var imgsrc5 = "001-redball.jpg";

if ((randNo == 1) || (randNo == 2))
{
document.write("<a href='portfolio.html'><img src='images/index/" + imgsrc1 + "' alt='Intro' style='margin-top:0px;' /></a>");
}

if ((randNo == 3) || (randNo == 4))
{
document.write("<a href='portfolio.html'><img src='images/index/" + imgsrc2 + "' alt='Intro' style='margin-top:0px;' /></a>");
}

if ((randNo == 5) || (randNo == 6))
{
document.write("<a href='portfolio.html'><img src='images/index/" + imgsrc3 + "' alt='Intro' style='margin-top:0px;' /></a>");
}

if ((randNo == 7) || (randNo == 8))
{
document.write("<a href='portfolio.html'><img src='images/index/" + imgsrc4 + "' alt='Intro' style='margin-top:0px;' /></a>");
}

if ((randNo == 9) || (randNo == 10))
{
document.write("<a href='portfolio.html'><img src='images/index/" + imgsrc5 + "' alt='Intro' style='margin-top:0px;' /></a>");
}

}

function init()
{

// Porfolio-link rollover

var portfolioLink = document.getElementById("portfolio-link");
function portfolioLinkRollover()
{
this.getElementsByTagName("img")[0].src = "images/portfolio-rollover.jpg";
}

function portfolioLinkMouseout()
{
this.getElementsByTagName("img")[0].src = "images/portfolio.jpg";
}

portfolioLink.onmouseover = portfolioLinkRollover;
portfolioLink.onmouseout = portfolioLinkMouseout;

// ---- draw border around active thumbnail:

var mainUlLis = document.getElementById("portfolio-entries").getElementsByTagName("ul")[0].getElementsByTagName("li");


function drawBorder() {
for(i=0;i<mainUlLis.length;i++)
{
mainUlLis[i].style.cssText = "border:1px solid #fff;";
}
this.style.cssText = "border:1px solid #fff;";
}

for (i=0;i<mainUlLis.length;i++)
{
mainUlLis[i].onclick = drawBorder;
}

}
window.onload = init;