jQuery(document).ready(function() {
	var interval;
	var randomnumber;
	
	randomNumber = function(min,max) {
	    return (Math.round((max-min) * Math.random() + min));
	}
	
	autoFlip = function() {
		clearInterval(interval);
		interval = setInterval(function() {
			var tmp = randomnumber;
			randomnumber = randomNumber(0,3);
			if (tmp == randomnumber) {
				if (randomnumber == 3) {
					randomnumber = randomnumber-1;
				} else {
					randomnumber = randomnumber+1;
				}
			}
			jQuery('li.card a.flip').eq(randomnumber).click();
		},5000);
	}
	autoFlip();

	jQuery('li.card a.flip').click(function() {
		var title = jQuery('img.reverse').parent().attr('title');
		jQuery('li.card a.flip').attr('title',title);
		jQuery('li.card a.flip').children().html(title);
		
		jQuerythis = jQuery(this); 
		
		if (jQuerythis.prev().prev().children('img.obverse').width()!=0) {
			var title = jQuerythis.prev().prev().children('img.obverse').parent().attr('title');
			jQuerythis.attr('title',title);
			jQuerythis.children().html(title)
			jQuerythis.prev().prev().children('img.obverse').stop().animate(
				{width: '0px'},
				{queue: false, duration:200, easing: 'easeOutCubic', 
				complete: function(jQuerythis) {
					jQuery(this).addClass('none'); 
					jQuery(this).parent().next().children('img.reverse').removeClass('none').animate({width: '225px'}, 200);
				}
			});
		} else {
			var title = jQuerythis.prev().children('img.reverse').parent().attr('title');
			jQuerythis.attr('title',title);
			jQuerythis.children().html(title);
			jQuerythis.prev().children('img.reverse').stop().animate(
				{width: '0px'},
				{queue: false, duration:200, easing: 'easeOutCubic', 
				complete: function() {
					jQuery(this).addClass('none'); 
					jQuery(this).parent().prev().children('img.obverse').removeClass('none').animate({width: '225px'}, 200);
				}
			});		
		}
			
			jQuery('li.card a.flip').not(this).prev().children('img.reverse').stop().animate(
				{width: '0px'},
				{queue: false, duration:200, easing: 'easeOutCubic', 
					complete: function() {
						jQuery(this).addClass('none'); 
						jQuery(this).parent().prev().children('img.obverse').removeClass('none').animate({width: '225px'}, 200);
					}
				});
		return false;
	});
	
	jQuery('body').mousemove(function() {
		autoFlip();
	});
	jQuery('a.flip').click(function() {
		autoFlip();
	});
});