//run when the DOM is ready
$(document).ready(function() {
	//hide our text areas
	$("#banner").append('<div class="pics"><img src="/images/banner.jpg" width="703" height="178" /><img src="/images/banner1.jpg" width="703" height="178" /><img src="/images/banner2.jpg" width="703" height="178" /><img src="/images/banner4.jpg" width="703" height="178" /><img src="/images/banner5.jpg" width="703" height="178" /><img src="/images/concepts_banner.jpg" width="703" height="178" /><img src="/images/contact_banner.jpg" width="703" height="178" /><img src="/images/corporate_banner.jpg" width="703" height="178" /><img src="/images/creative_banner.jpg" width="703" height="178" /><img src="/images/equipment_banner.jpg" width="703" height="178" /><img src="/images/event_banner.jpg" width="703" height="178" /><img src="/images/gallery_banner.jpg" width="703" height="178" /><img src="/images/sport_banner.jpg" width="703" height="178" /><img src="/images/testimonials_banner.jpg" width="703" height="178" /></div>');

	$('.pics').innerfade({
			speed: 2000,
			timeout: 3000,
			type: 'random',
			containerheight: '178px'
		});
});