var i = 0;
var flag = false;
jQuery(document).ready(function(){
	
	initRollOverFead(".block img");
	

	j$(".topicSection00 div").append('<p class="click" style="position:absolute; left:0; top:0; width:990px; height:520px; z-index:20">&nbsp;</p>');
	j$(".topicSection00").hide();
	j$(".topicSection00 div").css({'position':'absolute','left':'0','top':'520px'});
	j$(".topicSection00").css('position','relative');
	
/*
	
	j$(".topicsBanner0").mouseover(function () {
		j$(".topicSection00 div").css('top','520px');
		if (flag==false) {
            j$(".topicSection00").show("slow");
			j$(".topicSection00 div").animate({"top": "-=520px"}, 100);
		}
		flag = false;
    });

	j$(".topicSection00").hover(function () {
    }, function() {
	    j$(".topicSection00 div").css("top","520px");
		j$(".topicSection00").hide("slow");
	});
	
	j$(".topicSection00 .click").click(function () {
	    j$(".topicSection00 div").css("top","520px");
		j$(".topicSection00").hide("slow");
	});
	
	j$(".back").click(function () {
		flag = true;
		j$(".topicSection00 div").css("top","520px");
        j$(".topicSection00").hide('slow');		
    });
*/
	
});

initRollOverFead = function(elm){ // rollover共通フェード処理 
    j$(elm).mouseover(function(){
        j$(this).stop(true, false).fadeTo("fast", 0);
		_flg = true;
    }).mouseout(function(){
        j$(this).stop(true, false).fadeTo("fast", 1);
		_flg = false;
    })
}