// Avoid conflit between jQuery and frameworks based on prototype (like scriptaculous)
jQuery.noConflict();

// Navigation : Right
jQuery(document).ready( function () { 
	jQuery('#titleTopGamer').click(function(){
		jQuery('#boxTopGamer').css({'display' : ''});
		jQuery('#boxTopCasual').css({'display' : 'none'});
		jQuery('#titleTopCasual').removeClass('titleTopCasualHover');
		jQuery('#titleTopCasual').addClass('titleTopCasual');		
		jQuery('#titleTopGamer').addClass('titleTopGamerHover');
		jQuery('#titleTopGamer').removeClass('titleTopGamer');		
	});
	jQuery('#titleTopCasual').click(function(){
		jQuery('#boxTopCasual').css({'display' : ''});
		jQuery('#boxTopGamer').css({'display' : 'none'});
		jQuery('#titleTopCasual').addClass('titleTopCasualHover');
		jQuery('#titleTopCasual').removeClass('titleTopCasual');
		jQuery('#titleTopGamer').removeClass('titleTopGamerHover');
		jQuery('#titleTopGamer').addClass('titleTopGamer');
	});

	jQuery(".contentHidden").hide();    
	jQuery('.image-list2').children('li').each(function(){
		jQuery(this).mouseover(function(){
			var parent = jQuery(this).children('.top5td')[0];
			var elt = jQuery(parent).children('div.contentHidden')[0];
			jQuery(elt).show();
			var elt = jQuery(parent).children('span.priceHidden')[0];
			jQuery(elt).hide();
		})
		jQuery(this).mouseout(function(){
			var parent = jQuery(this).children('.top5td')[0];
			var elt = jQuery(parent).children('div.contentHidden')[0];
			jQuery(elt).hide();
			var elt = jQuery(parent).children('span.priceHidden')[0];
			jQuery(elt).show();
		})
	});
	
	jQuery(".contentHidden:first").show();  
	var lifirst = jQuery('.image-list2').children('li:first');
	var parent = jQuery(lifirst).children('.top5td')[0];
	var elt = jQuery(parent).children('span.priceHidden')[0];
	jQuery(elt).show();
	  
}) ;