function showItemDetail(name,peculiar,price,MOQ,vip,jifen)
{
	var o=document.getElementById("divItemDetail");
    var width=150;
    var height=100;
    var ss='';
	
    o.style.width=width+"px";
	o.style.height=height+"px";
	o.style.padding='5px 10px 5px 10px';
    o.style.overflowX="hidden";
	
    ss+="<div><span>"+name+"</span><br />介绍："+ peculiar +"<br />";
		
    ss+="市场价：￥<span style='text-decoration:line-through; color:#FF0000;'>"+price+"</span><br />特价：￥"+vip+"<br />";
    ss+="积分："+jifen+"<br />起定量："+ MOQ +"<br />";
    ss+="</div>";
    o.innerHTML=ss;
	
    var cw=Math.max(document.body.clientWidth,document.documentElement.clientWidth);
    var st=Math.max(document.body.scrollTop,document.documentElement.scrollTop);

    o.style.left=(window.event.clientX+width>cw)?(window.event.clientX-(width+10)) + 5 + "px":(window.event.clientX-2) + 10 + "px";
    o.style.top=(window.event.clientY+20+st)+"px";
	o.style.display="block";

    o = null;
}

function hideItemDetail()
{
	var o=document.getElementById("divItemDetail");
	o.style.display="none";
    o=null;
}

function showLabel(id)
{
    var o = document.getElementById('divItemDetail');
    var width = 500;
    var height = 500;
    o.style.width=width+"px";
	o.style.height=height+"px";
	o.style.padding='0 0 0 0';
    var ss = "";
    
    ss += "<div style='padding:0px 0px 0px 0px;'><image alt='张裕卡斯特酒庄' src=" + id +" style='width:" + width + "px;height:" + height + "px;' /></div>"
    o.innerHTML = ss;
    
    var cw=Math.max(document.body.clientWidth,document.documentElement.clientWidth);
    var st=Math.max(document.body.scrollTop,document.documentElement.scrollTop);

    o.style.left = (window.event.clientX+width>cw)?(window.event.clientX-(width+10)) + "px":(window.event.clientX-2) + 10 + "px";
    o.style.top = st + "px";     //(window.event.clientY+20+st)+"px";
	o.style.display = "block";

    o = null;
}
function hideLabel()
{
    var o=document.getElementById("divItemDetail");
	o.style.display="none";
    o=null;
}

var exsit=false;//判断提示层是否存在
var title="";
var content="";
var footer_content="";
var oDiv;//要创建的提示层
function create(id,tid,cid,fid,classname,tclass,cclass,fclass)//创建提示层
{	

	oDiv=document.createElement("Div");	//创建容器层
	oDiv.id=id;//容器的id属性
	oDiv.className=classname;//容器的class属性

	var subTitleoDiv=document.createElement("Div");//创建标题层
	subTitleoDiv.id=tid;//标题层id属性
	subTitleoDiv.className=tclass;//标题层class属性

	var contentDiv=document.createElement("Div");//创建内容层
	contentDiv.id=cid;//内容层id 属性
	contentDiv.className=cclass;//内容层class属性

	var footer=document.createElement("div");//创建footer层
	footer.id=fid;
	footer.className=fclass;
	

	var title_text=document.createTextNode(title);//标题内容
	subTitleoDiv.appendChild(title_text);//将标题插入到标题层中
	oDiv.insertBefore(subTitleoDiv,null);//将标题层插入到容器层（即成为容器层的子节点）
	
	var content_text=document.createTextNode(content);//提示内容
	contentDiv.appendChild(content_text);//将内容放到内容层中
	oDiv.appendChild(contentDiv);//将内容层插入到容器中

	var footer_text=document.createTextNode(footer_content);//footer内容
	footer.appendChild(footer_text);//将结尾插入到footer层中
	oDiv.appendChild(footer);//将footer层插入到容器中


	

	document.body.insertBefore(oDiv,null);//将容器层插入到body体中（为body子节点）
	oDiv.style.display="none";
	exsit=true;
	
}
function setInfo(title,content,footer_content)//设置提示层的题目、内容等
{
	this.title=title;
	this.content=content;
	this.footer_content=footer_content;
}

function info()
{
	if(exsit)move();
	else 
		{
			create('d1','d2','d3','d4','hint','sub_hint','contentclass','footerclass');
			move();
		}
}
function insertAfter(newElement,targetElement) 
{
	  var parent = targetElement.parentNode;
	  if (parent.lastChild == targetElement) {
	// 如果最后的节点是目标元素，则直接添加。因为默认是最后
		parent.appendChild(newElement);
	  } else {
		parent.insertBefore(newElement,targetElement.nextSibling);
	//如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面。
	  }
} 

function move()
{
	oDiv.style.display="block";
	document.getElementById("d1").style.left=event.clientX;
	document.getElementById("d1").style.top=event.clientY;	
}

function mouseout()
{
	oDiv.style.display="none";
}