function doWebPortfolio(id,selected) {
	if (document.getElementById) {
	// sort out the right thing to display
		for ( var i = 0; i < 4; i++ ) {
			// hide all
			document.getElementById('web_portfolio_' + i).style.display = 'none';
		}
		// show one with ID
		document.getElementById('web_portfolio_' + id).style.display = 'block';
		// get all links inside the right column
		var nav_box = document.getElementById("tab_container1");
		var links = nav_box.getElementsByTagName("a");	
		// set all the links classes to nothing
		for(var i=0; i<links.length; i++)

		links[i].className = "";
		// set selected link as selected
		selected.className = "on";
		} else
		alert('Please update your browser');
}

function doOnlinePortfolio(id,selected) {
	if (document.getElementById) {
	// sort out the right thing to display
		for ( var i = 0; i < 5; i++ ) {
			// hide all
			document.getElementById('online_portfolio_' + i).style.display = 'none';
		}
		// show one with ID
		document.getElementById('online_portfolio_' + id).style.display = 'block';
		// get all links inside the right column
		var nav_box = document.getElementById("tab_container2");
		var links = nav_box.getElementsByTagName("a");	
		// set all the links classes to nothing
		for(var i=0; i<links.length; i++)

		links[i].className = "";
		// set selected link as selected
		selected.className = "on";
		} else
		alert('Please update your browser');
}

function doPrintPortfolio(id,selected) {
	if (document.getElementById) {
	// sort out the right thing to display
		for ( var i = 0; i < 1; i++ ) {
			// hide all
			document.getElementById('print_portfolio_' + i).style.display = 'none';
		}
		// show one with ID
		document.getElementById('print_portfolio_' + id).style.display = 'block';
		// get all links inside the right column
		var nav_box = document.getElementById("tab_container3");
		var links = nav_box.getElementsByTagName("a");	
		// set all the links classes to nothing
		for(var i=0; i<links.length; i++)

		links[i].className = "";
		// set selected link as selected
		selected.className = "on";
		} else
		alert('Please update your browser');
}

function doBrandPortfolio(id,selected) {
	if (document.getElementById) {
	// sort out the right thing to display
		for ( var i = 0; i < 1; i++ ) {
			// hide all
			document.getElementById('brand_portfolio_' + i).style.display = 'none';
		}
		// show one with ID
		document.getElementById('brand_portfolio_' + id).style.display = 'block';
		// get all links inside the right column
		var nav_box = document.getElementById("tab_container4");
		var links = nav_box.getElementsByTagName("a");	
		// set all the links classes to nothing
		for(var i=0; i<links.length; i++)

		links[i].className = "";
		// set selected link as selected
		selected.className = "on";
		} else
		alert('Please update your browser');
}