$(document).ready(
	function()
	{
		initTabs();
		initScroll();

		$('a#first_thumb').click();

                $('#previous').hide();
		$('a.block-ui-iframe').click(onBlockUIIframe);
	}
);

function initTabs()
{
	$('#game_menu li a').click(onTabClicked);
}

function onTabClicked()
{
	var active_tab_id = $('#game_menu li a.active').attr('id');
	var tab_id = $(this).attr('id');
	var active_box_id = active_tab_id.replace('tab_', '');
	var box_id = tab_id.replace('tab_', '');

	$('#'+active_tab_id).removeAttr('class');
	$('#'+tab_id).attr('class', 'active');
	$('#'+active_box_id).hide();
	$('#'+box_id).show();

	return false;
}

function initScroll()
{
	$('ul#thumb_navigation a').click(onScrollClicked);
	curr_col = 1;
}

function onScrollClicked()
{
        //alert('onScrollClicked');

        var sign, next_pos;
	var v_jump = 222;
	var curr_pos = parseInt($('#games_showcase').css('left').match(/[+-]?\d+/));
	var cols = Math.ceil($('#games_showcase li').length);
	var min_col = 1;
	var max_col = cols - 3;
	var dir = $(this).attr('id').substr(1);

	if (dir == 'left' && curr_col > 1)
	{
		sign = '+';
		next_pos = curr_col + v_jump;
		curr_col--;
	}
	else if (dir == 'right' && curr_col < max_col)
	{
		sign = '-';
		next_pos = curr_pos - v_jump;
		curr_col++;
	}

	if (curr_col == 1)
	{
		$('#previous').hide();
	}
	else
	{
		$('#previous').show();
	}

	if (curr_col == max_col)
	{
		$('#next').hide();
	}
	else
	{
		$('#next').show();
	}

//	$('#debug').prepend('curr_row: ' + curr_row + ', max_row: ' + max_row + ', min_row: ' + min_row + ', next_pos: ' + next_pos + '<br>\n');

	$('#games_showcase').animate({left: sign + '=' + v_jump + 'px'}, 222);

	return false;
}

function onBlockUIIframe()
{
	var href = $(this).attr('href').toString();

	$.blockUI({
		message: '<iframe src="' + href + '" style="border: none; height: 460px; width: 990px;" frameBorder="0"><p>Your browser does not support iframes.</p></iframe><p class="center large b" style="margin-top: 10px"><a class="js-link unblock-ui white">Close</a></p>',
		css: {
			background: '#181818',
			border: 0,
			cursor: 'normal',
			height: '500px',
			left: ($(window).width() - 990) /2 + 'px',
			overflow: 'hidden',
			padding: '20px 20px 7px 20px',
			top:  ($(window).height() - 500) /2 + 'px',
			width: '990px'
		},
		overlayCSS: {
			cursor: 'pointer'
		}
	});
	$('.blockOverlay').attr('title','Click to close').click($.unblockUI);
	$('.unblock-ui').attr('title','Click to close').click($.unblockUI);

	return false;
}