$(function() {
	$(".tab_img").hover(
		function(){
			var img_src = $(this).attr("src");
			$(this).attr("src", img_src.replace("_off", "_hover"));
		},
		function(){
			var img_src = $(this).attr("src");
			$(this).attr("src", img_src.replace("_hover", "_off"));
		}
	);
	
	$(".tab_img").click(
		function(){
			setTab($(this).attr("id"));
		}
	);
});

function setTab(obj)
{
	hideTab();
	showTab(obj);
}

function showTab(obj)
{
	var img_src = $("#" + obj).attr("src");
	
	$("#tab_" + obj).show();
	$("#" + obj).attr("src", img_src.replace("_hover", "_active"));
}

function hideTab()
{
	$(".tab_target").hide();
	$(".tab_img").each(
		function(){
			var img_src = $(this).attr("src");
			$(this).attr("src", img_src.replace("_active", "_off"));
		}
	);
}

function setTabInitialize(obj)
{
	var img_src = $("#" + obj).attr("src");
	
	setTab(obj);
	$("#" + obj).attr("src", img_src.replace("_off", "_active"));
}