var xmlHttp;
function GetXMLHttpRequest(url) {
    if (window.XMLHttpRequest) {
        objxml = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        objxml = new ActiveXObject("Msxml2.XMLHTTP");
    }
    return objxml;
} 
function ShowBigDiv(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];
        }
     }
}  

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";
    }
}


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

function over(par1, par2) {
    var div1 = document.getElementById(par1);
    div1.style.display = "none";
    var div2 = document.getElementById(par2);
    div2.style.display = "none";
}