var $j = jQuery;
$j(document).ready(function () {
	$j('tr:nth-child(even)').addClass('alt');
	$j('th[scope=row]').addClass('plain');
	initiateFlipper();
});

var rndNum = 0;
function initiateFlipper() {
	$j('#flipper-wrapper').css({
		'cursor' : 'pointer'
	});
	$j('#flipper').css({
		'list-style-type' : 'none',
		'margin' : '0',
		'min-height' : '318px',
		'width' : '594px',
		'position' : 'relative'
	});
	$j('#flipper li').css({
		'float' : 'left'
	});
	$j('#flipper li span').css({
		'position' : 'relative',
		'left' : '0',
		'cursor' : 'pointer'
	});
	$j('#flipper li img').css({
		'display' : 'none',
		'position' : 'absolute',
		'top' : '0',
		'left' : '0'
	});
	rndNum = Math.floor(Math.random() * 4);
	$j('#flipper li img').eq(rndNum).css('display','block');
	$j('#flipper li').eq(rndNum).addClass('active');

	var clickedSpan = $j('#flipper li span').click(function() {
		var clickedSpanNum = (clickedSpan.index(this));
		$j('#flipper li img').css('display','none');
		$j('#flipper li img').eq(clickedSpanNum).css('display','block');
		$j('#flipper li').removeClass('active');
		$j(this).parent().addClass('active');
	});
}