jQuery(document).ready(function() {
	$j = jQuery;

    $j('.vertical-nav li').mouseover(function(){
        var id = $j('a', this).attr('rel');
            ot = '.'+$j(id).attr('class');

            $j(ot).hide();

            $j(id).fadeIn();
    });

    /*jQuery(".vertical-nav ul li").hover(function() {
		jQuery(".vertical-nav ul li.active").removeClass('active');
	});

	jQuery("#canvas").hover(function() {
		jQuery("#image-preview").attr({src : "/images/canvas.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#books").hover(function() {
		jQuery("#image-preview").attr({src : "/images/books.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#cards").hover(function() {
		jQuery("#image-preview").attr({src : "/images/cards.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#gifts").hover(function() {
		jQuery("#image-preview").attr({src : "/images/gifts.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#mugs").hover(function() {
		jQuery("#image-preview").attr({src : "/images/mugs.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#online").hover(function() {
		jQuery("#image-preview").attr({src : "/images/online.png"});
		jQuery(this).addClass('active');
	});

	jQuery("#posters").hover(function() {
		jQuery("#image-preview").attr({src : "/images/posters.png"});
		jQuery(this).addClass('active');
	});*/

});