$(document).ready(function() {
	$('#tab > li').mouseover(function() {
		var tab = $(this).attr("rel");
		var ok =  $('.hover').attr("rel");
		$("#image > #"+ ok).css('display','none');
		$("#image > #"+ tab).css('display','block');
	});

	$('#tab > li').mouseout(function() {
		var tab = $(this).attr("rel");
		var ok =  $('.hover').attr("rel");
		$("#image > #"+ tab).css('display','none');
		$("#image > #"+ ok).css('display','block');
	});

	$('#tab > li').click(function() {
		var tab = $(this).attr("rel");
		$('#tab > li.hover').removeClass("hover");
		$(this).addClass("hover");
		$("#image > div").css('display','none');
		$("#image > #"+ tab).css('display','block');
	});
});