// JScript File



function showtip(text)  
{
  if (document.all&&document.readyState=="complete") 
  {
  
  document.all.tooltip.innerHTML="<table cellpadding='0' cellspacing='0' width='200'><tr><td  style='width: 7px'></td><td  style='height: 10px'></td><td  style='width: 7px'></td></tr><tr><td  rowspan='3' style='height: 35px'></td><td rowspan='3' class='normal' style='height: 200px; vertical-align:top;background-color:#ffffff'>"+text+"</td><td  rowspan='3' style='height: 35px'></td></tr><tr></tr><tr></tr><tr><td  style='height: 10px; width: 5px;'></td><td >  </td><td style='width: 5px; height: 10px;'></td></tr></table>";
  
  document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft;
  document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+document.documentElement.scrollTop-70;
  document.all.tooltip.style.visibility="visible";
  }
}

function hidetip()  
{
  var tooltop =  document.getElementById("tooltip");
  tooltop.style.display="none";
}

function showtip2()  
{
  var img= document.getElementById("imageproduct");
  var text = "<img width='0' id='bigimage' alt='" + img.alt + "'  src='" + img.src + "'>";
  var tooltop =  document.getElementById("tooltip");
  tooltop.innerHTML="<table onclick='hidetip();' cellpadding='0' cellspacing='0' width='300'><tr><td class='normal' style='height: 200px; vertical-align:top;background-color:#ffffff;border:solid 3px #f3fcee'>" + text + "<br>Nhấn vào hình để đóng lại</td></tr></table>";
  tooltop.style.display="block";
  imggrowth();
  tooltop.style.left = ((screen.width/2) - (img.width)) + "px" ;
  tooltop.style.top= (screen.height - img.height)/4 + "px";
}

function loadpic(pic)  
{
  var img = document.getElementById(pic);
  var text = "<img onclick='hidetip();' src='" + img.src + "'>";
  if (document.all&&document.readyState=="complete") 
  {
  var tooltop =  document.getElementById("tooltip");
  tooltop.innerHTML="<div>" + text + "<br>Nhấn vào hình để đóng lại</div>";
  
  tooltop.style.pixelLeft=event.clientX+document.body.scrollLeft ;
  tooltop.style.pixelTop= event.clientY+document.body.scrollTop+document.documentElement.scrollTop - 400;
  tooltop.style.display="block";
  }
}