$(document).ready(function(){
  
	//*******************************************
	// セレクタのキャッシュ
	//*******************************************
	var mainItem = $("div.image_thumb a");
	var resPop = $("div.tooltip");


	//*******************************************
	// メイン２リンククリック時
	//*******************************************
	mainItem.live("mouseover", function(event) {
		
		genPop(event, $(this).attr('name'));
		
	}).live("mouseout", function(event) {
	
		hidePop(event, $(this).attr('name'));

	});
});

function genPop(event, id) {

    var tooltip = $("div.image_thumb div#"+id);
    
	// 位置情報の計算
	var border_top = $(window).scrollTop(); 
	var border_right = $(window).width();
	var left_pos;
	var top_pos;
	var offset_w = 240;//左寄せ
	var offset_h = 20;

	if(event.pageX - offset_w <= 0){
		left_pos = 5;
	} else{
		left_pos = event.pageX - offset_w;
	}
	if(border_top + (offset_h *2) >= event.pageY - tooltip.height()){
		top_pos = border_top + offset_h;
	} else{
		top_pos = event.pageY - tooltip.height() - offset_h;
	}	
	tooltip.css({left:left_pos, top:top_pos, opacity:0.95, display:"none"}).fadeIn(400);
}

function hidePop(event, id) {

    var tooltip = $("div#"+id);
    tooltip.css({left:"-9999px", top:"-9999px"});
}