var apikey="AIzaSyD1-Sfy_eaZk-UC0hfHBm-f_Mop2tM2mys";  // API Key from Google
        var cseAppId="91e7f6a04a753152b"; // Custom Search Engine AppId
        var csepath = "https://www.googleapis.com/customsearch/v1?key="+apikey+"&cx="+cseAppId+"&q=";
      
        var maxPageCount = 10;
        var maxrecordsDisplayCount = 10;
        var requestFlag = 0;


        function removeIndent() {
            if ($("#i-searchbox").hasClass("inputIndent")) {
                $("#i-searchbox").removeClass("inputIndent");
                $("#i-searchbox").addClass("inputIndent-search");
            }
        }


        function addIndent() {

            if ($("#i-searchbox").val() == "") {
                if (!$("#i-searchbox").hasClass("inputIndent")) {
                    $("#i-searchbox").removeClass("inputIndent-search");
                    $("#i-searchbox").addClass("inputIndent");

                }
            }

        }



        function getData(pageindex, searchstring, performPagination) {


            if (requestFlag == 0) {
                requestFlag = 1;
                $("#i-results").empty();
                $("#i-paging").empty();

                if ($("#i-searchbox").val() != "") {
                    if (!searchstring) {
                        searchstring = encodeURI($("#i-searchbox").val()); // encode the search string so that the japanese characters can be easily send to the google custom search
                    }

                    if (!pageindex) {
                        pageindex = 1;
                    }

                    if (searchstring) {
                        var searchpath = csepath + searchstring + "&start=" + pageindex;


                        $.get(searchpath)
                            .done(function (data) {
                                loadData(data, pageindex);
                                requestFlag = 0;
                            })
                            .fail(function () {
                                alert("error");
                            });

                    }
                }
                else {
                    alert("Please enter Search String")
                }

            }




        }


        function pageItemClick(pageindex) {
            getData(pageindex, searchstring)
        }

        function addPagination(recordCount, searchterms, currentstartindex) {


            if (typeof recordCount !== 'undefined') {

                if (recordCount > 10) {
                    var pageCount = Math.ceil((recordCount / 10));
                    pageCount = pageCount >= maxPageCount ? maxPageCount : pageCount
                    for (var page = 1; page <= pageCount; page++) {
                        var pageitem = $("<a></a>").text(page);


                        var startIndex = ((page - 1) * 10) + 1;
                        var getDataFuction = "getData(" + startIndex + "," + "\'" + searchterms + "\'" + "," + "0" + ")";
                        pageitem.attr("onClick", getDataFuction)

                        if (currentstartindex == startIndex) {
                            pageitem.addClass("active")
                        }
                        $("#i-paging").append(pageitem);
                    }


                }


            }
        }

        function loadData(response, pageindex) {



            if (response.searchInformation.totalResults > 0) {
                for (var i = 0; i < response.items.length; i++) {

                    var item = response.items[i];

                    var title = $("<a></a>").text(item.title).attr("href", item.link).addClass("gs-title");
                    title.attr("target", "webcontent");
                    var link = $("<a></a>").text(item.link).attr("href", item.link).addClass("gs-webResult");
                    link.attr("target", "webcontent");
                    var snippet = $("<p>").text(item.snippet).addClass("gs-snippet");



                    $("#i-results").append("<div class=" + "recorditem" + ">", "<br>", title, "<br>", link, "<br>", snippet, "</div>")   // Append new elements
                }



                addPagination(response.searchInformation.totalResults, response.queries.request[0].searchTerms, pageindex);


            }


        }