// JavaScript Document
function portfolioItem( sName, sImgName, sDesc, sURL ) {
	this.sName = sName;
	this.sImgName = sImgName;
	this.sDesc = sDesc;
	this.sURL = sURL;
}

var portfolio = new Array();

/*portfolio[0] = new portfolioItem( 
	"Ballymena Chamber of Commerce and Industry", 
	"bcci", 
	"<b><u>Brief</u></b><br />The local Chamber of Commerce approached me about creating a web presence for their organisation, in the hope of advertising their work, improving relationships with members, customers and business partners, and not least to publicise the town itself.<br /><br /><b><u>Technologies</u></b><br /><li>PHP server-side programming;</li><li>MsAccess Database;</li><li>Password-protected administrative area;</li><li>Dynamic news, links, projects and events</li><br /><b><u>Status</u></b><br />This site is still currently under development, but the basic structure is in place. The chamber are discussing content and their aims for the website, in the hope of putting the site live in the near future.",
	"http://www.ballymenachamber.co.uk/"
);
portfolio[1] = new portfolioItem( 
	"Ballysally CSSM", 
	"cssm", 
	"<b><u>Brief</u></b><br />Ballysally CSSM is an annual children's mission based in Coleraine. They were looking for a site to permit as much publicity as possible for as little cost as possible. The aim was to attract the kids and parents, as well as the team and all their supporters.<br /><br /><b><u>Technologies</u></b><br /><li>ASP 3.0</li><li>MsAccess database (for guestbook)</li><li>Customised ASP photo gallery/slide show</li><li>PDF file uploads</li><br /><b><u>Status</u></b><br />Being an annual summer event, this site is at its most active between March and August each year. The diary is up to date, and the report from the mission of 2003 will appear after the event in July.",
	"http://www.ballysallycssm.org/"
);*/
portfolio[0] = new portfolioItem( 
	"Buckna Presbyterian Church", 
	"buckna", 
	"<b><u>Brief</u></b><br />In the hope of using the Internet to maximise their Christian outreach, Buckna Presbyterian sought a highly functional, yet straightforward site. Their aim was to promote the work of the church by creating a sense of online community.<br /><br /><b><u>Technologies</u></b><br /><li>ColdFusion markup</li><li>MySQL Database</li><li>PHP-based discussion forums (<a href=\"http://www.phpbb.com/\" target=\"_blank\">see here</a>)</li><li>Perl-based chat rooms (<a href=\"http://www.themechat.com/\" target=\"_blank\">see here</a>)</li><li>DHTML Calendar control</li><li>ReadAudio&reg; streaming/MP3</li><br /><b><u>Status</u></b><br />Buckna has succeeded in attracting a wide range of visitors, with many contributions and comments from all over the world. With daily updates to their devotions library and weekly updates to the audio sermons, the site continues to grow, much to the pleasure of the church leadership.",
	"http://www.buckna.org/"
);
portfolio[2] = new portfolioItem( 
	"Millar Lynch Solicitors", 
	"ml", 
	"<b><u>Brief</u></b><br />Millar Lynch were established in 2003, and as a brand new business sought to make the best use of the available technologies and required an initially fairly simple web presence, with the eventual goal of expanding and using the web site for their daily business.<br /><br /><b><u>Technologies</u></b><br /><li>PHP server-side scripting</li><br /><b><u>Status</u></b><br />Having hit the ground running when they began trading, Millar Lynch are considering expansion of the site to cope with demand. For the time being, however, they are happy to continue with the current site.",
	"http://www.millarlynch.com/"
);
portfolio[1] = new portfolioItem( 
	"Mid-Antrim Camping", 
	"mac", 
	"<b><u>Brief</u></b><br />Mid-Antrim Camping requested a fully capable e-commerce web site to provide another avenue of sales activity. This site features full product listings as well as an administrative area to allow the customer to update the site as and when necessary.<br /><br /><b><u>Technologies</u></b><br /><li>PHP</li><li>MySQL Database</li><li>User registration/account management</li><li>SSL encryption for credit card processing</li><li>Fully-equiped administration area</li><br /><b><u>Status</u></b><br />This site has recently been relaunched with a brand new look and feel, and a whole host of user improvements. Initial feedback and responses are good, and it is hoped a lot of business will have been generated by the new features and product listings.",
	"http://www.midantrimcamping.com/"
);
portfolio[3] = new portfolioItem( 
	"Flogas Team Fadge", 
	"ftf", 
	"<b><u>Brief</u></b><br />This site is for a one-off charity cycling event being undertaken by a number of local individuals with sponsorship from Flogas. They simply wanted to site as a contact point, to provide donation facilities and exposure of their project.<br /><br /><b><u>Technologies</u></b><br /><li>PHP (content managed: <a href='http://www.mamboserver.com/' target='_blank'>Mambo</a>)</li><li>MySQL Database</li><li>Integration with SecureGiving.co.uk and PayPal</li><br /><b><u>Status</u></b><br />The site is complete.",
	"http://flogas-teamfadge.com/"
);

function displayPortfolio() {
	var sHTML = '<table width="100%" cellpadding="0" cellspacing="0" border="0">\n';
	for( var i = 0; i < portfolio.length; i ++ ) {
		p = portfolio[i];
		sHTML += '<tr><td align="center"><a href="javascript:showSite(' + i + ');">' +
			'<img src="images/' + p.sImgName + '_sm.jpg" border="0" />';
		sHTML += '<br />' + p.sName + '</td></tr>';
		sHTML += '<tr height="30"><td align="center">&nbsp;</td></tr>';
	}
	
	document.write( sHTML );
}

function showSite( iSiteId ) {
	var b = top.document.getElementById( "blurb" );
	var dets = top.document.getElementById( "details" );
	var site = portfolio[ iSiteId ];
	
	if( b.style.display == "" )
		b.style.display = "none";
		
	sHTML = '<p><a href="' + site.sURL + '" target="_blank"><img src="images/' + site.sImgName + '.jpg" align="right" ' +
		'style="margin-left: 10; margin-bottom: 15;" border="0" alt="Click to launch..." /></a>' + 
		'<span class="subtitle">' + site.sName + '</span></p><a href="' + site.sURL + 
		'" target="_blank">Click here to launch site</a><br /><br />' + site.sDesc;
	sHTML += "</p>";
	dets.style.display = "";
	dets.innerHTML = sHTML;
}