// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {

// choose text for the show/hide link
var showLinka="Page 1";
var showLinkb="Page 2";
var showLinkc="Page 3";

var showTitle="More Home Page Australia clients |";

// create the toggle link
$("#portfolio_show").after("<p id='portfolioTitle' style='text-align:right'>"+showTitle+"</p><a href='#' id='showpage1'>"+showLinka+"</a> | <a href='#' id='showpage2'>"+showLinkb+"</a> | <a href='#' id='showpage3'>"+showLinkc+"</a> |");

$('#portfolio_1').show();
$('#portfolio_2').hide();
$('#portfolio_3').hide();

$('a#showpage1').text(showLinka);
$('a#showpage2').text(showLinkb);
$('a#showpage3').text(showLinkc);


$('a#showpage1').click(function() {

$('#portfolio_1').show('slow');
$('#portfolio_2').hide('slow');
$('#portfolio_3').hide('slow');

// return false so any link destination is not followed
return false;
				});


$('a#showpage2').click(function() {

$('#portfolio_1').hide('slow');
$('#portfolio_2').show('slow');
$('#portfolio_3').hide('slow');

// return false so any link destination is not followed
return false;
				});

$('a#showpage3').click(function() {

$('#portfolio_1').hide('slow');
$('#portfolio_2').hide('slow');
$('#portfolio_3').show('slow');

// return false so any link destination is not followed
return false;
				});

});