$(document).ready(function(){
	$('.servicelist li').click(function(e){
		
		var curPos = $(window).scrollTop();
		
		$('.servicelist li').removeClass('actived');
		
		var li_height = $(this).width();
		var div_left_margin;
		
		if(li_height < 340){
			div_left_margin = (340 - li_height) / (-2);
		}
		else{
			div_left_margin = (li_height - 340) / 2;
		}

		$(this).addClass('actived');
		$('#' + (this).id + ' div').css('left', div_left_margin);
		
		$(window).scrollTop(curPos);
	});
});