// JavaScript Document

var selectedService = 'service1';
var z = 100;
var fThumbArray = new Array('fThumb1','fThumb2','fThumb3','fThumb4','fThumb5','fThumb6','fThumb7','fThumb8');
var serviceArray = new Array('service1', 'service2', 'service3', 'service4', 'service5', 'service6', 'service7', 'service8');
	
function selectThumb(whichService)
{
	//alert(whichService);
	for (i = 0; i < fThumbArray.length; i++)
	{ 
		if (fThumbArray[i] == fThumbArray[whichService])
		{
			document.getElementById(fThumbArray[i]).style.backgroundImage = 'url(fileadmin/img/selected_service.gif)';
			document.getElementById(fThumbArray[i]).style.cursor = 'default';
		}
			else
		{
			document.getElementById(fThumbArray[i]).style.backgroundImage = 'none';
			document.getElementById(fThumbArray[i]).style.cursor = 'pointer';
		}
	}
	if (selectedService != serviceArray[whichService])
	{
		document.getElementById(serviceArray[whichService]).style.zIndex = z;
		document.getElementById(serviceArray[whichService]).style.visibility = 'visible';
		Effect.Fade(selectedService); 
		Effect.Appear(serviceArray[whichService]);
	}
	selectedService = serviceArray[whichService];
	z++;
}