var j_trans = false;

$(document).ready(function(){
	_load_feature_list();
	_load_feature_games();
	_load_hover();
	_load_tabs();
	_load_media_list();
	_load_table_check();
});

function _load_table_check(){
	$('table input[type=checkbox]').click(function(){
		if($(this).is(':checked')){
			$(this.parentNode.parentNode).addClass('highlight');
		}else{
			$(this.parentNode.parentNode).removeClass('highlight');
		}
	});
}

function _load_feature_list(){
	$('.feature-list a').click(function(){
		if(j_trans) return false;
		if(!$(this.parentNode).hasClass('selected')){
			j_trans = true;
			$('.feature-list li').removeClass('selected');
			$(this.parentNode).addClass('selected');
			var feature_class = '.'+$(this.parentNode).attr('id');
			$('.feature-large').fadeTo(500, 0.0, function(){
				$(this).removeClass('feature-large-selected');
				$(feature_class).addClass('feature-large-selected');
				$(feature_class).fadeTo(500, 1);
				j_trans = false;
			});
			return false;
		}
	});	
}

function _load_media_list(){
	$('.media-list-bar-inner li').hover(
		function(){
			$(this).addClass('hover');
		},
		function(){
			$(this).removeClass('hover');
		}
	);
	$('.media-list-bar-inner li a').click(function(){
		$('.media-list-bar-inner li').removeClass('selected');
		$(this.parentNode).addClass('selected');
		var new_image = $(this).find('input').val();
		$('.image-main img').fadeTo(500, 0.4, function(){
			$(this).attr('src', new_image);
			$(this).load(function(){
				$(this).fadeTo(500, 1);
			});
		});
		return false;
	});
}

function _load_feature_games(){
	$('.right div.game-list').hover(games_expand, games_contract);	

	function games_expand(){
		$(this).animate( { width:'898px' }, { queue : false, duration : 700} );
	}

	function games_contract(){
		$(this).animate( { width:'265px' }, { queue : false, duration : 700} );
	}
}

function _load_tabs(){
	$('.tab-list a').click(function(){
		$('div.tab').removeClass('selected');
		$('div.'+$(this).attr('id')).addClass('selected');
		$(this.parentNode.parentNode).find('li').removeClass('selected');
		$(this.parentNode).addClass('selected');
		return false;
	});
}

function _load_hover(){
	$('.button-list-large li, form span.button').hover(
		function(){
			$(this).addClass('selected');
		},
		function(){
			$(this).removeClass('selected');
		}
	);
}