function OpenModelPopup(i)
    {        
   
        document.getElementById ('ModalPopupDiv').style.visibility='visible';
        document.getElementById ('ModalPopupDiv').style.display='';
        document.getElementById ('ModalPopupDiv').style.top= Math.round ((document.documentElement.clientHeight/2)+ document.documentElement.scrollTop)-100 + 'px';
        document.getElementById ('ModalPopupDiv').style.left='100px';
        
        document.getElementById ('MaskedDiv').style.display='';
        document.getElementById ('MaskedDiv').style.visibility='visible';
        document.getElementById ('MaskedDiv').style.top='20px';
        document.getElementById ('MaskedDiv').style.left='10px';
        document.getElementById ('MaskedDiv').style.width=  document.documentElement.clientWidth + 'px'; 
         
       document.getElementById ('MaskedDiv').style.height= '1000px'
      
        var lbl= document.getElementById ('dvMasked');
        lbl.innerHTML=i;
        
       
        
        
        
    }
    
    //---------------------------------PopUps for Image-------------------------------------------------
    function OpenImagePopUp(i)
    {        
   
        document.getElementById ('ModalPopupDiv').style.visibility='visible';
        document.getElementById ('ModalPopupDiv').style.display='';
        document.getElementById ('ModalPopupDiv').style.top= Math.round ((document.documentElement.clientHeight/2)+ document.documentElement.scrollTop)-100 + 'px';
        document.getElementById ('ModalPopupDiv').style.left='100px';
        
        document.getElementById ('MaskedDiv').style.display='';
        document.getElementById ('MaskedDiv').style.visibility='visible';
        document.getElementById ('MaskedDiv').style.top='20px';
        document.getElementById ('MaskedDiv').style.left='10px';
        document.getElementById ('MaskedDiv').style.width=  document.documentElement.clientWidth + 'px'; 
         
       document.getElementById ('MaskedDiv').style.height= '1000px'
      
       // var lbl= document.getElementById ('dvMasked');
        //lbl.innerHTML=i;
        
        document.getElementById ('imgUser').src=i;
        
       
        
        
        
    }
    //-------------------------------------End Here---------------------------------------------------------
    
    function CloseModelPopup()
    {
        document.getElementById ('MaskedDiv').style.display='none';
        document.getElementById ('ModalPopupDiv').style.display='none';
    }
    
    
   function OpenModelPopups(i,pro,cat,sub)
    {        
   
        
        document.getElementById ('ModalPopupDiv').style.visibility='visible';
        document.getElementById ('ModalPopupDiv').style.display='';
        document.getElementById ('ModalPopupDiv').style.top= Math.round ((document.documentElement.clientHeight/2)+ document.documentElement.scrollTop)-100 + 'px';
        document.getElementById ('ModalPopupDiv').style.left='100px';
        
        document.getElementById ('MaskedDiv').style.display='';
        document.getElementById ('MaskedDiv').style.visibility='visible';
        document.getElementById ('MaskedDiv').style.top='20px';
        document.getElementById ('MaskedDiv').style.left='10px';
        document.getElementById ('MaskedDiv').style.width=  document.documentElement.clientWidth + 'px';       
       document.getElementById ('MaskedDiv').style.height= '1000px'
      
        var lbl= document.getElementById ('dvMasked');
        lbl.innerHTML=i;
        
         var Hyper=document.getElementById ('dvHyperLink');
        //dvHyperLink.NavigateUrl='product-default.aspx?prodid=" + prodid + "&catid=" + lblProdCat.Text + "&subcatid=" + lblProdSubCat.Text'
        Hyper.href="product-default.aspx?prodid=" + pro + "&catid=" + cat + "&subcatid=" + sub;
        
        
        
    }