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

maxWidth = 578;
minWidth = 55;
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: 1.0}, {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: 1.0}, fadeTime);
$(this).animate({width: maxWidth+"px"}, {queue:false, duration:fadeTime}).parent().animate({opacity: 1.0}, fadeTime);
selectedBlock = this;
}
});
});