$.auto={
	init:function(){
		for (module in $.auto) {
			if($.auto[module].init)
			$.auto[module].init();
		}
	}
};
$(document).ready($.auto.init);

$.auto.tabs = {
	init: function() {
		$('.point').each(function(){
			var f = $.auto.tabs.click;
			var group = this;
			
			$('ul.tab li', group).each(function(){
				$('ul.tab li img').css('cursor','pointer');
				this.group = group;
				//alert(this.className);
				$(this).click(f);
				
				$('#'+this.className+'_area').hide();
			}).filter(':first').trigger('click');
		});
	},
	click: function() {
		//var tab = $('#'+this.className).get(0);
		
		$('ul.tab li',this.group).each(function(){
			$('ul.top li').removeClass('on');
			$('ul.bottom li').removeClass('on');
			$('#'+this.className+'_area').hide();
		});
		$('ul.tab li img').each(function(){
			this.src=this.src.replace("_on","");
			if($(this).hasClass("active")){
				$(this).removeClass("active");
			}
		});
		
		
		$('.'+this.className).find("img").addClass("active");
		$('ul.top .'+this.className).find("img").attr("src",$('ul.top .'+this.className).find("img").attr("src").replace(".jpg","_on.jpg"));
		$('ul.bottom .'+this.className).find("img").attr("src",$('ul.bottom .'+this.className).find("img").attr("src").replace(".jpg","_on.jpg"));
		
		$('.'+this.className).addClass('on');
		
		var ClassArr = this.className.split(' ');
		var ClassName = ClassArr[0];
		
		$('#'+ClassName+'_area').show();
		this.blur();
		return false;
	}
};