$(function(){
	$("div#home-news-area ul#home-news-selector li a").css("padding-top","23px");
	$("div#home-news-area table").css("float","left");
	$("div#home-news-area div#home-news").css("width","1305px");
	//↓IE6用
	$("div#home-news-area ul#home-news-selector").css("display","block"); 
});

$(function(){
	var myMain = new ex4.Main();
	myMain.init();
});

var ex4 = {};
ex4.Main = function(){
	this.currentMenu = 1;
};
ex4.Main.prototype = {
	init: function(){
		this.registerEvent();
		this.activateMenu(this.currentMenu, true);
	},
	activateMenu: function(menuNo, isActive){
		var menu = $('#home-news-category' + menuNo);
		if(isActive){
			menu.attr('class', 'active');
		}else{
			menu.attr('class', '');
		}
	},
	registerEvent: function(){
		//無名関数内から参照できるように保持
		var self = this;
		
		for(var i = 0; i < 3; i++){
			var _no = i + 1;
			$('#home-news-category' + _no)
			.bind('mouseover', {no: _no}, function(e){
				if(self.currentMenu != e.data.no){
					self.activateMenu(e.data.no, true);
				}
			})
			.bind('mouseout', {no: _no}, function(e){
				if(self.currentMenu != e.data.no){
					self.activateMenu(e.data.no, false);
				}
			})
			.bind('click', {no: _no}, function(e){
	
				//古いものは元に戻す
				self.activateMenu(self.currentMenu, false);
				
				//新しいものに設定
				self.currentMenu = e.data.no;
				self.activateMenu(self.currentMenu, true);
				$('#home-news')
				.stop()
				.animate({marginLeft:(self.currentMenu - 1) * -435 + 'px'}, 500, "swing");
			});
		}
	}
};