function tran(){
		$('.width')
			.animate({width:'150%'},500)
			.animate({width:'150%'},1000)
			.animate({width:'100%'},500);
		window.setTimeout('tran()',3000);
}

$(document).ready(function(){
	$('#content').hide();
	$('.detail').css({'left':'-1250px'});
	$('.experience').css({'left':'-650px'});
	$('.www').css({'left':'-350px'});
	$('.solution').css({'left':'-1250px'});
	$('.customize').css({'left':'-650px'});
	$('.blog').css({'left':'-350px'});
	$('#block').show();
	window.setTimeout('tran()',0);
	$('#head')
		.show()
		.append('<a href="#" class="enter">What We do »</a>')
		.click(function(){
			$('#head').hide();
			$('#block').css({'left':'auto','right':'0'}).animate({width:'0'},{duration:600,easing:'easeInQuad'});
			$('#content').fadeIn();
			$('.service-block')
				.animate({left:'0'},{duration:1000,easing:'easeOutExpo'});
			$('.back').fadeIn(2000);
		});
	$('body').append('<div class="back" style="position:absolute;top: 30px;left:37px;display:none;"><a href="#">« back</a></div>');
	$('.back').click(function(){
		$(this).fadeOut();
		$('#content').fadeOut();
		$('.detail').animate({'left':'-1250px'},{duration:700,easing:'easeInCirc'});
		$('.experience').animate({'left':'-650px'},{duration:700,easing:'easeInCirc'});
		$('.www').animate({'left':'-350px'},{duration:700,easing:'easeInCirc'});
		$('.solution').animate({'left':'-1250px'},{duration:700,easing:'easeInCirc'});
		$('.customize').animate({'left':'-650px'},{duration:700,easing:'easeInCirc'});
		$('.blog').animate({'left':'-350px'},{duration:700,easing:'easeInCirc'});
		$('#head').fadeIn();
		$('#block').animate({width:'100%'},{duration:800,easing:'easeOutQuad'});

	});
});