jQuery( document ).ready( function(){
	
	jQuery( '#flip' ).css( 'height', '260px' );
	jQuery( '#flip' ).jcoverflip({
		current: 1,
		beforeCss: function( el, container, offset ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 260 - 160*offset )+'px', bottom: '50px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { width: '150px' }, {} )
			];
		},
		afterCss: function( el, container, offset ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 + 110 + 160*offset )+'px', bottom: '50px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { width: '150px' }, {} )
			];
		},
		currentCss: function( el, container ){
			return [
				$.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 100 )+'px', bottom: '30px' }, { } ),
				$.jcoverflip.animationElement( el.find( 'img' ), { width: '200px' }, { } )
			];
		},
	});
	
	flipTime();
	jQuery( '#flip' ).click( flipTime );
	
	/*$('#flip').swipe({
		swipeLeft: function(){ flipTime(); jQuery('#flip').jcoverflip('previous'); },
		swipeRight: function(){ flipTime(); jQuery('#flip').jcoverflip('next'); },
	});*/

});

function flipTime( forwards ){
	$.doTimeout('coverflip');
	$.doTimeout('coverflip', 8000, function(){
		jQuery('#flip').jcoverflip('next');
		return true;
	});
	return true;
}