// This code will popup the image 
           function LoadDiv(url) {
            var img = new Image();
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");
            var imgLoader = document.getElementById("imgLoader");

            imgLoader.style.display = "block";
            img.onload = function() {
                imgFull.src = img.src;
                imgFull.style.display = "block";
                imgLoader.style.display = "none";
            };
            img.src = url;
            var width = document.body.clientWidth;
            if (document.body.clientHeight > document.body.scrollHeight) {
                bcgDiv.style.height = document.body.clientHeight + "px";
            }
            else {
                bcgDiv.style.height = document.body.scrollHeight + "px";
            }

            imgDiv.style.left = (width - 650) / 2 + "px";
            imgDiv.style.top = "20px";
            bcgDiv.style.width = "100%";

            bcgDiv.style.display = "block";
            imgDiv.style.display = "block";
            return false;
        }
      
        // It is used for hide the image...
        function HideDiv() {
            var bcgDiv = document.getElementById("divBackground");
            var imgDiv = document.getElementById("divImage");
            var imgFull = document.getElementById("imgFull");
            if (bcgDiv != null) {
                bcgDiv.style.display = "none";
                imgDiv.style.display = "none";
                imgFull.style.display = "none";
            }
        }


        //-- above code is for Display Image on Image Click-->

// the below code is not using... for reference only
        function eGreetingURL() {
            var vFirstName = document.getElementById("<%=txtRecipientName.ClientID%>");
            var vEmailID = document.getElementById("<%=txtRecipientEmail.ClientID%>");
            var vSenderName = document.getElementById("<%=txtSendersName.ClientID%>")
            var vMessage = document.getElementById("<%=txtMessage.ClientID%>")
            var valink = document.getElementById("<%=hplEGreeting.ClientID%>");
            var cardid = document.getElementById("spanProductCode").innerHTML
            var bVar = true;
            var nMessage = vMessage.value.replace(/(\r\n|\r|\n)/g, '\n');
            valink.href = "#";
            valink.target = "_self";

            if (vFirstName.value == "" || vEmailID.value == "" || vSenderName.value == "" || vMessage.value == "") {
                alert("please all details are required");
                bVar = false
                return false;
            } else if (!isValidEmail(vEmailID.value)) {
                alert("email is not valid");
                vEmailID.focus();
                bVar = false
                return false;
            }
            if (bVar == true) {
                document.getElementById("<%=hplEGreeting.ClientID%>").href = "ecardpreviewredirect.aspx"
                document.getElementById("<%=hplEGreeting.ClientID%>").target = "_blank";
                document.getElementById("<%=hplEGreeting.ClientID%>").href = document.getElementById("<%=hplEGreeting.ClientID%>").href + "?rname=" + urlencode(vFirstName.value)
             + "&Email=" + urlencode(vEmailID.value) + "&sendername=" + urlencode(vSenderName.value) + "&message=" + urlencode(nMessage) + "&cardid=" + cardid;
            }
        }