window.addEvent('domready', function() {
	new SmoothScroll({
		duration:1000,
		transition:Fx.Transitions.quintOut,
		fps:60,
		wait: false
	});
});

function setup(num) {
	box = $$('* * .trigger');
	var str = new String();
	
	var slidebox = $('slide');
	slidebox.addEvent('load', function(event) {
		slidebox.setStyle('overflow', 'hidden');
		slidebox.setStyle('height', '0px');
		//alert('load complete');
	});
	
	for (var i=0; i<box.length; i++) {
		box[i].addEvent('click', function(event) {
			var evt = new Event(event);
			
			if (!evt.target.id) {
				var tar = evt.target.parentNode;
				if (!tar.id) {
					var tar = tar.parentNode;
				}
			} else {
				var tar = evt.target;
			}
			
			if (tar.id) {
				var fx = new Fx.Slide($('slide'), {duration:600});
				
				fx.toggle().chain(function() {
					topAjax(tar.id).request();
				});
				
				box.setStyle('background', '#DDD')
				tar.setStyle('background', '#EEE');
			}
		})
	}
	
	if (num) {
		topAjax(num).request();
		var ts_id = num.toString();
		
		$(ts_id).setStyle('background', '#EEE');
	}
	
	window.document.onmousemove = getMouseXY;//マウス追尾をセット
	
	return;
}

function topAjax(num) {
	var url = "./lib/ajax/top.ajax.php";
	var pars = "number=" + num;
	
	var ajax = new Ajax(url, {
		method:'get',
		data:pars,
		update:$('main-top'),
		evalScripts:true
	});
	
	return ajax;
}

function appearImgComment(id) {
	var str = "comment-img-" + id;
	$(str).style.display = "block";
	return false;
}

function disappearImgComment(id) {
	var str = "comment-img-" + id;
	$(str).style.display = "none";
	return false;
}

function getMouseXY(evt) {
	if (window.createPopup) {//IEの場合（window.createPopupはIEにしか存在しない）
		x = evt.x + document.body.scrollLeft;
		y = evt.y + document.body.scrollTop;
	} else {
		x = evt.pageX;
		y = evt.pageY;
	}
	
	for (i=0;i<4;i++) {
		$("comment-img-"+i).style.left = x - 110 + "px";
		$("comment-img-"+i).style.top = y + 40 + "px";
	}
}