function showMe(number) {	
	setPicClass = "show-case-pic-" + number;
	document.getElementById("show-case").className = setPicClass;
	
	setInfoClass = "show-case-info-" + number;
	document.getElementById("content-home").className = setInfoClass;
}


// Adds a mouseover/mouseout to thumbnail images in the ImageGallery section found on case studies

function sfHover() {
	 if (document.getElementById("image-gallery")) {
		var sfEls = document.getElementById("image-gallery").getElementsByTagName("a");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" over";				
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" over\\b"), "");					
			}
		}
	 }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


// Fancybox
function initFancybox(){
	$("#testimonials a, #gallery a").fancybox({
		'overlayOpacity': 0.6,
		'overlayColor': '#000000'
	});
}


function showClients(clientGroup) {
	var groupClass = 'show-clients-' + clientGroup;
	document.getElementById("extras").className = groupClass;
}

// Insert SWFobject into the head otherwise I'd have to add it to every single page on the site.
function loadSWFObject() {
	swfobjectscript=document.createElement('SCRIPT');
	swfobjectscript.type='text/javascript';
	swfobjectscript.src='http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js';
	document.getElementsByTagName('head')[0].appendChild(swfobjectscript);
}
loadSWFObject();