// JavaScript Document
/* list all items */
var a_items = [
    '<div class="panel1_layout"><a href="portfolio_websites_fcmi.html" target="_self" class="imgLink"><img src="images/panel_fcmiwebsite.png" width="320" height="150" border="0" alt="FCM-I website" title="FCM-I website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">FCM-I website</span></h4><p><span class="bodycopy_subtext">Fully content managed stylish suit of digital communications tools.</span></p><p class="bodycopy_link"><a href="portfolio_websites_fcmi.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
    '<div class="panel1_layout"><a href="portfolio_mobile_livetalkback.html" target="_self" class="imgLink"><img src="images/panel_ltbskins.png" alt="Live Talkback mobile application" width="320" height="150" border="0" title="Live Talkback mobile application" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Live Talkback mobile application</span></h4><p><span class="bodycopy_subtext">Sumptuous designs for new real-time voting application Live Talkback.</span></p><p class="bodycopy_link"><a href="portfolio_mobile_livetalkback.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
    '<div class="panel1_layout"><a href="portfolio_branding_deepblueskybizcards.html" target="_self" class="imgLink"><img src="images/panel_deepbluesky.png" width="320" height="150" border="0" alt="Deep Blue Sky brand" title="Deep Blue Sky brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Deep Blue Sky brand</span></h4><p><span class="bodycopy_subtext">Creation and artworking of Deep Blue Sky branded business cards.</span></p><p class="bodycopy_link"><a href="portfolio_branding_deepblueskybizcards.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
    '<div class="panel1_layout"><a href="portfolio_websites_digitalarchitects.html" target="_self" class="imgLink"><img src="images/panel_digitalarchitects.png" alt="Digital Architects website" width="320" height="150" border="0" title="Digital Architects website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Digital Architects website</span></h4><p><span class="bodycopy_subtext">Scalable / Stylish design for dynamic new digital agency Digital Architects.</span></p><p class="bodycopy_link"><a href="portfolio_websites_digitalarchitects.html" title="Find out more..." class="bodycopy_link">&gt; Find out more...</a><a href="portfolio_websites_independentboutique.html" title="Find out more..." class="bodycopy_link"></a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_assureddestinations.html" target="_self" class="imgLink"><img src="images/320sample2.png" alt="Assured Destinations Brand" width="320" height="150" border="0" title="Assured Destinations Brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Assured Destinations brand</span></h4><p><span class="bodycopy_subtext">Branding work for estate agency renting luxury villas &amp; apartments in Greece / Cyprus.</span></p><p class="bodycopy_link"><a href="portfolio_branding_assureddestinations.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_cdroms_pearsonrapid.html" target="_self" class="imgLink"><img src="images/panel_pearsonrapid.png" width="320" height="150" border="0" alt="Pearson RAPID cd-rom" title="Pearson RAPID cd-rom" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Pearson RAPID CD-Rom</span></h4><p><span class="bodycopy_subtext">Interactive Sales Tool CD-ROM for Schools. Showcasing the range of RAPID.</span></p><p class="bodycopy_link"><a href="portfolio_cdroms_pearsonrapid.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_independentboutique.html" target="_self" class="imgLink"><img src="images/panel_independentboutique.png" alt="Independent Boutique website" width="320" height="150" border="0" title="Independent Boutique website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Independent Boutique website</span></h4><p><span class="bodycopy_subtext">Luxurious website design for new exclusive online fashion retailer.</span></p><p class="bodycopy_link"><a href="portfolio_websites_independentboutique.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_debthelpnetwork.html" target="_self" class="imgLink"><img src="images/panel_debthelpnetwork.png" width="320" height="150" border="0" alt="Debt Help Network brand" title="Debt Help Network brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Debt Help Network brand</span></h4><p><span class="bodycopy_subtext">Stunning positive brand identity for new financial services company.</span></p><p class="bodycopy_link"><a href="portfolio_branding_debthelpnetwork.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_cartotype.html" target="_self" class="imgLink"><img src="images/panel_cartotype.png" width="320" height="150" border="0" alt="CartoType website" title="CartoType website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">CartoType website</span></h4><p><span class="bodycopy_subtext">Gorgeous typography and CMS workflow simplicity - The new CartoType website.</span></p><p class="bodycopy_link"><a href="portfolio_websites_cartotype.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_rci.html" target="_self" class="imgLink"><img src="images/panel_rciwebsite.png" width="320" height="150" border="0" alt="RCI Membership campaigns website" title="RCI Membership campaigns website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">RCI Membership website</span></h4><p><span class="bodycopy_subtext">Stunning, enthralling and just darn-right sexy! Web design for RCI Membership campaigns.</span></p><p class="bodycopy_link"><a href="portfolio_websites_rci.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_htmlemails_rci.html" target="_self" class="imgLink"><img src="images/panel_rciemails.png" width="320" height="150" border="0" alt="RCI Membership campaigns HTML emails" title="RCI Membership campaigns HTML emails" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">RCI Membership HTML emails</span></h4><p><span class="bodycopy_subtext">Stunning, enthralling and just darn-right sexy! Email design for RCI Membership campaigns.</span></p><p class="bodycopy_link"><a href="portfolio_htmlemails_rci.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_livetalkback2010.html" target="_self" class="imgLink"><img src="images/panel_livetalkback2010.png" width="320" height="150" border="0" alt="Live Talkback 2010 website" title="Live Talkback 2010 website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Live Talkback 2010 website</span></h4><p><span class="bodycopy_subtext">Bold, engaging, fun and interactive - the new 2010 Live Talkback website.</span></p><p class="bodycopy_link"><a href="portfolio_websites_livetalkback2010.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_mobile_jonwallacedesign.html" target="_self" class="imgLink"><img src="images/panel_jwdmobile.png" width="320" height="150" border="0" alt="jonwallacedesign mobile website" title="jonwallacedesign mobile website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title"><em>jonwallacedesign</em> mobile website</span></h4><p><span class="bodycopy_subtext">Sexy and snappy, the iPhone tailored pocket sized version of <em>jonwallacedesign</em>.</span></p><p class="bodycopy_link"><a href="portfolio_mobile_jonwallacedesign.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_sportingfish.html" target="_self" class="imgLink"><img src="images/panel_sportingfish.png" width="320" height="150" border="0" alt="Sporting Fish website" title="Sporting Fish website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Sporting Fish website</span></h4><p><span class="bodycopy_subtext">An anglers dream guide to the best places to fish, get tips &amp; gossip all about fish!</span></p><p class="bodycopy_link"><a href="portfolio_websites_sportingfish.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_rsgd.html" target="_self" class="imgLink"><img src="images/panel_rsgdsite.png" width="320" height="150" border="0" alt="Rebecca Smith Garden Design website" title="Rebecca Smith Garden Design website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">RS Garden Design website</span></h4><p><span class="bodycopy_subtext">Showcasing the design talents of Rebecca Smith - the new RS Garden Design website.</span></p><p class="bodycopy_link"><a href="portfolio_websites_rsgd.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_rsgd.html" target="_self" class="imgLink"><img src="images/panel_rsgdlogo.png" width="320" height="150" border="0" alt="Rebecca Smith Garden Design brand" title="Rebecca Smith Garden Design brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">RS Garden Design brand</span></h4><p><span class="bodycopy_subtext">Luxurious, elegant and simply beautiful - Rebecca Smith Garden Design brand.</span></p><p class="bodycopy_link"><a href="portfolio_branding_rsgd.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_neonplay.html" target="_self" class="imgLink"><img src="images/panel_neonplaylogo.png" width="320" height="150" border="0" alt="Neon Play brand" title="Neon Play brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Neon Play brand</span></h4><p><span class="bodycopy_subtext">Fun, tech-inspired, glossy and vibrant - the new brand identity for Neon Play.</span></p><p class="bodycopy_link"><a href="portfolio_branding_neonplay.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_miltonkeynes.html" target="_self" class="imgLink"><img src="images/panel_miltonkeynes.png" width="320" height="150" border="0" alt="Milton Keynes brand" title="Milton Keynes brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Milton Keynes brand</span></h4><p><span class="bodycopy_subtext">Introducing the spanking new brand identity for the City of Milton Keynes...</span></p><p class="bodycopy_link"><a href="portfolio_branding_miltonkeynes.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_neonplay.html" target="_self" class="imgLink"><img src="images/panel_neonplaywebsite.png" width="320" height="150" border="0" alt="Neon Play website" title="Neon Play website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Neon Play website</span></h4><p><span class="bodycopy_subtext">Vibrant, colourful, fun and now... in your face! The new Neon Play website...</span></p><p class="bodycopy_link"><a href="portfolio_websites_neonplay.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_mobile_neonplay.html" target="_self" class="imgLink"><img src="images/panel_neonplaymobile.png" width="320" height="150" border="0" alt="Neon Play mobile website" title="Neon Play mobile website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Neon Play mobile website</span></h4><p><span class="bodycopy_subtext">Pocket-sized, but packing a big punch! The new Neon Play mobile website.</span></p><p class="bodycopy_link"><a href="portfolio_mobile_neonplay.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_branding_davidwilliambaker.html" target="_self" class="imgLink"><img src="images/panel_davidbaker.png" width="320" height="150" border="0" alt="David William Baker Financial Services Ltd. brand" title="David William Baker Financial Services Ltd. brand" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">David William Baker brand</span></h4><p><span class="bodycopy_subtext">Modern and clean; the new brand identity for David William Baker Financial Services Ltd.</span></p><p class="bodycopy_link"><a href="portfolio_branding_davidwilliambaker.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_davidwilliambaker.html" target="_self" class="imgLink"><img src="images/panel_davidbakersite.png" width="320" height="150" border="0" alt="David William Baker Financial Services Ltd. website" title="David William Baker Financial Services Ltd. website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">David William Baker website</span></h4><p><span class="bodycopy_subtext">Modern and clean; the new website for David William Baker Financial Services Ltd.</span></p><p class="bodycopy_link"><a href="portfolio_websites_davidwilliambaker.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>',
	'<div class="panel1_layout"><a href="portfolio_websites_imranhakim.html" target="_self" class="imgLink"><img src="images/panel_imranhakim.png" width="320" height="150" border="0" alt="Imran Hakim website" title="Imran Hakim website" /></a><div class="panel_textlayout"><h4><span class="bodycopy_title">Imran Hakim website</span></h4><p><span class="bodycopy_subtext">An online account of everything to do with the UK serial entrepreneur, Imran Hakim...</span></p><p class="bodycopy_link"><a href="portfolio_websites_imranhakim.html" title="Find out more..." class="bodycopy_link">&#62; Find out more...</a></p><div class="hr3"></div><hr /></div></div>'
];

function randomize (a_items, n_count) {
    var n_index, s_html = '';
    while (a_items.length && n_count) {
        n_index = Math.ceil(Math.random() * a_items.length) - 1;
        s_html += '' + a_items[n_index] + '';
        a_items[n_index] = a_items[a_items.length - 1];
        a_items.length = a_items.length - 1;
        n_count--;
    }
    return s_html + '';
}