/* --------------------------------
	ツールチップ
-------------------------------- */

$(function(){
	$("dd.bigimg").css({display:"block"});
	$("dd.bigimg ul li").css({display:"none"});
	
    $("dd.thumb ul li").mouseover(function(){
		var cName = $(this).attr("id");		
        $("dd.bigimg ul li#" + cName).css({display:"block"});
    }).mouseout(function(){
		var cName = $(this).attr("id");
        $("dd.bigimg ul li#" + cName).css({display:"none"});
    });

/* --------------------------------
	ジグザグ
-------------------------------- */
	
	$('ul.zigzag').each(function(){
		$(this).find('li:odd').addClass('even');
		$(this).find('li:even').addClass('odd');
	});

/* --------------------------------
	コメント　閉開
-------------------------------- */

	$("ul.more").css({display:"none"});
	$("p.toggleClose").css({display:"none"});
	$("ul.zigzag").find("li:last").addClass("last");
	
    $("p.toggleOpen a").click(function(){
		var tNum = "#" + $(this).attr("id");
		$(tNum + " ul.more").css({display:"block"});
		$(tNum + " p.toggleClose").css({display:"block"});
		$(tNum + " p.toggleOpen").css({display:"none"});
		$(tNum + " ul.zigzag").find("li:last").removeClass("last");
		$(tNum + " ul.more").find("li:last").addClass("last");
    });
	
	$("p.toggleClose a").click(function(){
		var tNum = "#" + $(this).attr("id");
		$(tNum + " ul.more").css({display:"none"});
		$(tNum + " p.toggleClose").css({display:"none"});
		$(tNum + " p.toggleOpen").css({display:"block"});
		$(tNum + " ul.zigzag").find("li:last").addClass("last");
		$(tNum + " ul.more").find("li:last").removeClass("last");
    });
});


/* --------------------------------
	ロールオーバー
-------------------------------- */

$(function() {
	rollover('.rollover', '_ov');
});

function rollover(target, hover, active, focus) {
	$(target).each(function() {
		var isActive = active && this.src.match(active + '(\.gif|\.jpg|\.png)([\?].*|$)');
		if (isActive && !focus) return;
		this.src.match('(\.gif|\.jpg|\.png)([\?].*|$)');
		var ext = RegExp.$1;
		var search = (isActive && focus) ? active + ext : ext;
		var replace = (isActive && focus) ? focus + ext : hover + ext;
		var out = this.src;
		var over = this.src.replace(search, replace);

		// プレロード
		new Image().src = over;

		// スワップ
		$(this).bind('mouseover', function() {
			this.src = over;
		});

		// レストア
		$(this).bind('mouseout', function() {
			this.src = out;
		});
	});
}