var inclock=null;
var outclock=null;
var prod;
function productHoverIn(e){
	prod=e;
	$("#panel_product").fadeOut();
	if(outclock){window.clearTimeout(outclock);}
	inclock=window.setTimeout("showDetail()",500);
}
function productHoverOut(e){
	if(inclock){window.clearTimeout(inclock);}
	outclock=window.setTimeout("hideDetail()",500);
}
function productPanelHoverIn(e){
	if(outclock){window.clearTimeout(outclock);}
}
function productPanelHoverOut(e){
	if(inclock){window.clearTimeout(inclock);}outclock=window.setTimeout("hideDetail()",500);
}
function hideDetail(){
	$("#panel_product").fadeOut();
}
function showDetail(){
	var obj=$(prod.target);
	var offset=obj.offset();
	var panel=$("#panel_product");
	var pwidth=panel.width();
	var owidth=obj.width();
	var pheight=panel.height();
	var oheight=obj.height();
	var h=offset.top+oheight+pheight;
	var wheight=$(document).scrollTop()+$(window).height();
	var wwidth=$(document).scrollLeft()+$(window).width();
	var pid=obj.metadata().pid;
	if(h<=wheight&&(offset.left+pwidth>wwidth)){
	offset.top=offset.top+oheight;
	offset.left=offset.left-pwidth+owidth;
	$("#tit_product",panel).removeClass().addClass("tit3");
	$("#bot_product",panel).removeClass().addClass("bot3");}
	else if(h<=wheight){
	offset.top=offset.top+oheight-30;
	$("#tit_product",panel).removeClass().addClass("tit1");
	$("#bot_product",panel).removeClass().addClass("bot1");}
	else if(offset.left+pwidth>wwidth){
	offset.top=offset.top-pheight+20;
	offset.left=offset.left-pwidth+owidth;
	$("#tit_product",panel).removeClass().addClass("tit4");
	$("#bot_product",panel).removeClass().addClass("bot4");}
	else{
	offset.top=offset.top-pheight+20;
	$("#tit_product",panel).removeClass().addClass("tit2");
	$("#bot_product",panel).removeClass().addClass("bot2");}
	$(".con",panel).html('<img src="../images/loading.gif"/>');
	panel.css(offset).fadeIn();
	$.get("/ProductList_Panle.aspx",{mode:'11',productid:pid},function(json){showDetailHandler(json);});
}
function showDetailHandler(json){
	$("#panel_product>.con").html(json);
}



$(function() {
 
    $(".pro").hover(productHoverIn, productHoverOut);
    $("#panel_product").click(function(e) { e.stopPropagation(); }).hover(productPanelHoverIn, productPanelHoverOut);
    
});