$(document).ready(function(){
selectedBlock = $("#frontprocess #a1");
$(selectedBlock).parent().css({opacity: 1.0});

maxWidth = 685;
minWidth = 40; 
fadeTime = 400;

$("#frontprocess ul li .csclick").hover( 
function(){
$(this).parent().animate({opacity: 1.0}, {queue:false, duration:fadeTime});
}, function(){
if (selectedBlock != this)
$(this).parent().animate({opacity: 0.5}, {queue:false, duration:fadeTime});
}
);

$("#frontprocess ul li .csclick").click( function(){
if (selectedBlock != this){
$(selectedBlock).animate({width: minWidth+"px"}, {queue:false, duration:fadeTime}).parent().animate({opacity: 0.5}, fadeTime); 
$(this).animate({width: maxWidth+"px"}, {queue:false, duration:fadeTime}).parent().animate({opacity: 1.0}, fadeTime); 
selectedBlock = this;
}
});
});