var xmlHttp;
function ShowBigDiv(par) {
    xmlHttp = GetXMLHttpRequest();
    var url = "/ShowProductDetails.ashx?ProductID=" + par;
    xmlHttp.onreadystatechange = showProductDetails;
    xmlHttp.open('get', url, true);
    xmlHttp.send(null);
}

function showProductDetails() {
    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");   
//        div.style.left = getL(event) + "px";
//        var top = event.clientY + document.documentElement.scrollTop - document.body.clientTop;
//        div.style.top = top + "px";
//        div.style.display = "block";
//        
//        document.getElementById("upfu").style.display = "none";
//    }
//    else{
        //image show the top
        var div = document.getElementById("upfu");
        div.style.left = getL(event) + "px";
        var top = event.clientY + document.documentElement.scrollTop - document.body.clientTop - 200;
        div.style.top = top + "px";
        div.style.display = "block";

        document.getElementById("downfu").style.display = "none";
    //}
}


//Left
function getL(event) {
    return document.body.scrollLeft + event.clientX - 100;
}

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