Rotation d'une div

<div id="panel">
		<div class="back face">
			<div class="video-background"></div>
			<p><a href="#" class="slideless close-video"><img src="/static/u/img/devices/close-button.png" width="24" height="24" alt="Close icon" />Close the video &rsaquo;</a></p>
		</div>
		<div class="front face">
			<div class="five-col last-col">
				<h1>Ubuntu now fits your phone</h1>
				<h2>Introducing the superphone that&rsquo;s <br/>also a full PC</h2>
				<p><a href="https://www.youtube.com/watch?v=cpWHJDLsqTU" class="slideless show-video"><img src="/static/u/img/devices/play-video-icon.png" width="54" height="50" alt="Play icon" />Watch the video &rsaquo;</a></p>
			</div><!-- /.four-col -->
		</div>
</div>

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
<script type="text/javascript">
core.flipVideo = function(){
	YUI().use('node', function(Y) {
		if(Y.one('body').hasClass('phone-home')) {
			Y.one('.show-video').on('click',function(e) {
				e.preventDefault();
				Y.one('#panel').addClass('flipped');
				setTimeout(function(){ Y.one('.the-video').set('innerHTML','<iframe width="569" height="320" src="https://www.youtube.com/embed/cpWHJDLsqTU?showinfo=0&hd=1&rel=0&modestbranding=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');Y.one('#panel .back').setStyle('z-index', '50');}, 1000);
			});
			Y.one('.close-video').on('click',function(e) {
				e.preventDefault();
				Y.one('#panel .back').setStyle('z-index', '0');
				Y.one('.the-video').set('innerHTML','');
				Y.one('#panel').removeClass('flipped');
			});
		}
	});
}
</script>