if (parseInt(navigator.appVersion.charAt(0))>=4){ 
    var isNN = (navigator.appName=='Netscape')?1:0; 
    var isIE = (navigator.appName.indexOf('Microsoft')!=-1)?1:0; 
} 



function ShowBigDiv(ProductID)
{ 
    info(ProductID);
}

var xmlHttp;
function info(ProductID)
{

    xmlHttp =GetXMLHttpRequest();
    var url="/DetailsProduct.aspx?ProductID="+ProductID;
    xmlHttp.onreadystatechange = CreateDIV;
    xmlHttp.open('get',url,true);
    xmlHttp.send(null);


}

function CreateDIV()
{
     if(xmlHttp.readyState == 4)
     {
        if(xmlHttp.status == 200)
        { 
          var rntStr=  xmlHttp.responseText;
          var arr1= rntStr.split("^");
        
          var spshow = document.getElementById("upfu");  
          var spshow2 = document.getElementById("downfu");
          
            spshow.innerHTML = arr1[0];
            spshow2.innerHTML = arr1[0];
        }
     }
}




//Left
function getL(event){
 
  return document.body.scrollLeft+event.clientX-510;
}
//Right
function getT(e){
  var t = e.offsetTop;
  while(e = e.offsetParent){
    t += e.offsetTop;
  }
  return t;
}  



function over(divID,divID1){

    var div = document.getElementById(divID);
    div.style.display = "none";
      var div1 = document.getElementById(divID1);
    div1.style.display = "none";
}


function   GetXMLHttpRequest(url)
   {  
  
        if   (window.XMLHttpRequest)  
        {   
                objxml   =   new   XMLHttpRequest();   
               
        }  
         else   if   (window.ActiveXObject)  
        {   
                objxml   =   new   ActiveXObject("Msxml2.XMLHTTP");   
        }   
       
       return objxml;
}  


function Getplace(event)
{ 
     if(event.clientY < (window.screen.height/2))
    {
   //image show the down
     var div = document.getElementById("downfu");
     var left = getL(event);    
     div.style.left = left + "px";
     var top = event.clientY + document.documentElement.scrollTop - document.body.clientTop;
        
        //var top = getT(o) + o.offsetHeight;
     div.style.top = top+20 + "px";  
     div.style.display = "block";
    var div2 = document.getElementById("upfu");
     div2.style.display="none";
   
    }
    else
    {
    
  //image show the top
     
     var div = document.getElementById("upfu");
     var left = getL(event);
     div.style.left = left + "px";
     var top = event.clientY + document.documentElement.scrollTop - document.body.clientTop - 405;
     div.style.top = top-20+ "px"; 
     div.style.display="block";
     var div2 = document.getElementById("downfu");
     div2.style.display="none";
    }
}