// roll-overs

function mouseOver( name )
{
    document[name].src = "structural/" + name + "_over.jpg";
}

function mouseOut( name )
{   
    document[name].src = "structural/" + name + "_out.jpg";
}

// roll-overs when name of file is not name of object

function mouseOverId( name_object, filename )
{
	document[name_object].src = "structural/" + filename + "_over.jpg";
}

function mouseOutId( name_object, filename )
{
	document[name_object].src = "structural/" + filename + "_out.jpg";
}

// changing text dynamically

function rewriteText(text,id)
{
    // new Netscape and IE
    if (document.getElementById)
    {
        document.getElementById(id).inenrHtml = ''; //some trick
        document.getElementById(id).innerHTML = text;
    }
    // old IE
    else if (document.all)
    {
        document.all[id].innerHTML = text;
    }
}

// portfolio samples

var portfolioSize = 17;      // number of samples in the portfolio
var currentSample = 1;      // currently displayed sample

function displaySampleNumber( )
{
    text = currentSample + "/" + portfolioSize;
    rewriteText(text, 'sample_number');
}

function displaySample( )
{
    document['sample'].src = "portfolio/sample" + currentSample + ".jpg";
}

function previousSample( )
{
    currentSample = currentSample - 1;
    if (currentSample < 1) {
        currentSample = portfolioSize;
    }
    displaySample( );
    displaySampleNumber( );
}

function nextSample( )
{
    currentSample = currentSample + 1;
    if (currentSample > portfolioSize)
    { 
        currentSample = 1;
    }
    displaySample( );   
    displaySampleNumber( );
}