var seconds = 0;
var catboxdivid = "categoryProductsbox";
var url = "";
var url2 = "";
var CategoryID = "";
var genderValue = "";
var priceValue = "";
var RatingValue = "";
var CategoryName = "";
var intNumPerPage = 10;
var intPageCount = 1;
var divid = "RentalRatesID";
var dividProShop = "divProShopInfo";
var urlProShop = "";
var dividRentalCalendar = "div_rentalavailablecalendar";
var urlRentalCalendar = "";
var divProductPic = "ProductPic";
var urlvariantimage = "";
var urladdupsellproduct = "";

if (document.getElementById("GenderFilter") != null) {
    genderValue = document.getElementById("GenderFilter").value;
}
else {
    genderValue = 0;
}
if (document.getElementById("PriceFilter") != null) {
    priceValue = document.getElementById("PriceFilter").value;
}
else {
    priceValue = "all";
}
if (document.getElementById("RatingFilter") != null) {
    RatingValue = document.getElementById("RatingFilter").value;
}
else {
    RatingValue = "all";
}

function setupProducts(categoryID, categoryname) {
    url = "/landingpageproductfilter.aspx?gv=all&pv=all&rv=all&cid=" + CategoryID + "&pg=1&n=" + CategoryName;
    $("#categoryProductsbox").load(url);
}

function setupPageNumbers(categoryID, categoryname, NumPerPage) {
    CategoryID = categoryID;
    CategoryName = categoryname;
    intNumPerPage = NumPerPage;
    $("#paginator").remove();
    $("#Bottompaginator").remove();
    //  $("#PageNumberWrapper").remove();
    url = "/landingpageproductfilter.aspx?gv=all&pv=all&rv=all&cid=" + CategoryID + "&pg=1&n=" + CategoryName;
    //  $("#categoryProductsbox").load(url);

    url2 = url + "&rowcount=5";
    // ////alert(url2);
    $.get(url2, function(data) {
        ////alert("data: " + data);
        $("#page_count").val(Math.ceil(data / Number(intNumPerPage)));
        intPageCount = Math.ceil(data / Number(intNumPerPage));
        // //alert(Math.ceil(data / Number(intNumPerPage)));
        generateRows(1);
        generateBottomRows(1);

    });
    //  updateShowNumofProducts(url);
    ////alert(intNumPerPage);
}

function updatePageNumbers(NumPerPage, url, pagenum) {
    ////alert("updatePageNumbers:" + pagenum);
    url2 = url + "&rowcount=5";
    // ////alert(url2);
    $.get(url2, function(data) {
        //////alert("data: " + data);
        // $("#paginator").remove();
        // $("#PageNumberWrapper").remove();
        $("#page_count").val(Math.ceil(data / Number(NumPerPage)));
        intPageCount = Math.ceil(data / Number(intNumPerPage));
        generateRows(pagenum);
        generateBottomRows(pagenum);
    });
}
// Customise those settings


////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////
function filterproductsby(categoryID, categoryname, pagenum) {
    // document.getElementById(catboxdivid).innerHTML = "<div class=PageNumberWrapper>&nbsp;</div><div class=categoryProductsbox>&nbsp;<div class=CategoryProductLoading><img src=/skins/skin_1/images/loadingimage.gif height=60 width=60 alt=Please wait whilst we load your results /><br /><br />Loading...</div></div>";
    document.getElementById(catboxdivid).innerHTML = "<div class=CategoryProductLoading><img src=/skins/skin_1/images/loadingimage.gif height=60 width=60 alt=Please wait whilst we load your results /><br /><br />Loading...</div>";
    if (document.getElementById("GenderFilter") != null) {
        genderValue = document.getElementById("GenderFilter").value;
    }
    else {
        genderValue = 0;
    }
    if (document.getElementById("PriceFilter") != null) {
        priceValue = document.getElementById("PriceFilter").value;
    }
    else {
        priceValue = "all";
    }
    if (document.getElementById("RatingFilter") != null) {
        RatingValue = document.getElementById("RatingFilter").value;
    }
    else {
        RatingValue = "all";
    }
    // The XMLHttpRequest object
    //////alert("vid: " + vid)
    // ////alert(categoryname);
    // url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + categoryID + "&pg=" + pagenum + "&n=" + categoryname ;
    url = "/landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + pagenum + "&n=" + CategoryName;
    ////alert(url);

    updatePageNumbers(intNumPerPage, url, pagenum);
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                ////alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = url;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            document.getElementById(catboxdivid).innerHTML = xmlHttp.responseText;
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}

// Start the refreshing process

//var seconds;
//window.onload = function startrefresh(){
//setTimeout('refreshdiv()',seconds*1000);
//}

function generateRows(selected) {
    var pages1 = $("#page_count").val();
    var pages = intPageCount;
    // alert("pages: " + pages);
    //alert("pages1: " + pages1);
    ////alert("gen rows selected: " + selected);

    //if (pages <= 5) {

    if (pages == 5) {
        ////alert("pages = 5");

        // var pagers = "<div id='PageNumberContainer'>";
        //pagers += "<div id='PageNumberWrapper'>";

        var pagers = "<div id='PageNumberWrapper'>";
        pagers += "<div class='PageNumberFirst'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a>";
        pagers += "</div>";
        pagers += "<div id='paginator'>";
        // pagers += "<a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a>"
        // pagers += "</div>";
        for (i = 1; i <= pages; i++) {
            //if (i == 1) {
            if (i == selected) {
                pagers += "<a href='#' class='pagor selected'>" + i + "</a>";
            }
            else {
                pagers += "<a href='#' class='pagor'>" + i + "</a>";
            }
        }
        pagers += "</div>";
        pagers += "<div class='PageNumberLast'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
        pagers += "</div>";
        pagers += "</div>";
        //container
        // pagers += "</div>";
        //$("#PageNumberContainer").replaceWith("<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a><div style='clear:both;'></div></div></div>");
        // $("#PageNumberWrapper").remove();
        //$("#PageNumberContainer").replaceWith(pagers);
        // if ($("#PageNumberWrapper").length > 0) {
        //      $("#PageNumberWrapper").replaceWith(pagers);
        // }
        // else {
        //$("#PageNumberContainer").empty().replaceWith(pagers);
        if ($("#PageNumberContainer").html() == null) {
            // alert("TOP it is null");
            // document.createElement("#PageNumberContainer");
            $("#NumberContainer").html("<div id='PageNumberContainer'></div>");

        }
        else {
            //  alert("TOP NOPE");
        }
        // $("#BottomPageNumberContainer").html(pagers);

        $("#PageNumberContainer").html(pagers);
        // alert("2: contents of PageNumberContainer: " + $("#PageNumberContainer").html());

        // $("#PageNumberContainer").replaceWith(pagers);
        // }
        $(".pagor").click(function() {
            // var index = $(".pagor").index(this);
            // var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
            //alert("index: " + index);
            // alert("this: " + this);
            //filterproductsby(CategoryID, CategoryName, (index + 1));
            // $("#categoryProductsbox").load(url);
            updatePage(this);
            //  $(".pagor").removeClass("selected");
            // $(this).addClass("selected");

        });
    } else if (pages < 5) {
        ////alert("pages < 5");
        // var pagers = "<div id='PageNumberWrapper'><div id='paginator'>";
        // var pagers = "<div id='PageNumberWrapperContainer'>";

        // var pagers = "<div id='PageNumberContainer'>";
        //pagers += "<div id='PageNumberWrapper'>";
        var pagers = "<div id='PageNumberWrapper'>";
        pagers += "<div class='PageNumberFirst'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
        pagers += "<div id='paginator'>";
        for (i = 1; i <= pages; i++) {
            //if (i == 1) {
            if (i == selected) {
                pagers += "<a href='#' class='pagor selected'>" + i + "</a>";
            }
            else {
                pagers += "<a href='#' class='pagor'>" + i + "</a>";
            }
        }
        // pagers += "<div style='clear:both;'></div></div></div>";
        pagers += "</div>";
        pagers += "<div class='PageNumberLast'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
        pagers += "</div>";
        pagers += "</div>";
        //container
        // pagers += "</div>";
        // $("#PageNumberWrapper").remove();
        //$("#PageNumberContainer").replaceWith(pagers);
        //if ($("#PageNumberWrapper").length > 0) {
        //     $("#PageNumberWrapper").replaceWith(pagers);
        // }
        // else {
        //$("#PageNumberContainer").empty().replaceWith(pagers);

        if ($("#PageNumberContainer").html() == null) {
            //   alert("TOP it is null");
            // document.createElement("#PageNumberContainer");
            $("#NumberContainer").html("<div id='PageNumberContainer'></div>");

        }
        else {
            //   alert("TOP NOPE");
        }
        // $("#BottomPageNumberContainer").html(pagers);

        $("#PageNumberContainer").html(pagers);
        //alert("2: contents of PageNumberContainer: " + $("#PageNumberContainer").html());


        //$("#PageNumberContainer").replaceWith(pagers);
        // }
        //$("#PageNumberWrapper").after("<div id='paginator'><a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a><div style='clear:both;'></div></div>");
        $(".pagor").click(function() {
            var index = $(".pagor").index(this);
            var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
            // ////alert("index: " + index);
            filterproductsby(CategoryID, CategoryName, (index + 1));
            // $("#categoryProductsbox").load(url);
            $(".pagor").removeClass("selected");
            $(this).addClass("selected");
        });
    }
    else {
        if (selected < 5) {
            //alert("selected < 5");
            // Draw the first 5 then have ... link to last
            //var pagers = "<div id='PageNumberWrapper'><div id='paginator'>";
            // pagers = "<div id='PageNumberWrapperContainer'>";

            // var pagers = "<div id='PageNumberContainer'>";
            // pagers += "<div id='PageNumberWrapper'>";
            var pagers = "<div id='PageNumberWrapper'>";
            pagers += "<div class='PageNumberFirst'>";
            pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers += "<div id='paginator'>";
            for (i = 1; i <= 5; i++) {
                //////alert("i: " + i);
                //////alert("selected: " + selected);
                if (i == selected) {
                    pagers += "<a href='#' class='pagor selected'>" + i + "</a>";
                } else {
                    pagers += "<a href='#' class='pagor'>" + i + "</a>";
                }
            }
            //pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + Number(pages) + "</a><div style='clear:both;'></div></div></div>";
            // pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + Number(pages) + "</a>";
            pagers += "...<a href='#' class='pagor'>" + Number(pages) + "</a>";
            pagers += "</div>";
            pagers += "<div class='PageNumberLast'>";
            pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers += "</div>";
            pagers += "</div>";
            //container
            //pagers += "</div>";

            // if ($("#PageNumberWrapper").length > 0) {
            //    $("#PageNumberWrapper").replaceWith(pagers);
            // }
            // else {
            //$("#PageNumberContainer").empty().replaceWith(pagers);
            if ($("#PageNumberContainer").html() == null) {
                //     alert("TOP it is null");
                // document.createElement("#PageNumberContainer");
                $("#NumberContainer").html("<div id='PageNumberContainer'></div>");

            }
            else {
                //    alert("TOP NOPE");
            }
            // $("#BottomPageNumberContainer").html(pagers);

            $("#PageNumberContainer").html(pagers);
            // alert("2: contents of PageNumberContainer: " + $("#PageNumberContainer").html());


            // $("#PageNumberContainer").html(pagers);
            //$("#PageNumberContainer").replaceWith(pagers);
            // }
            // $("#PageNumberWrapper").remove();
            // $("#PageNumberContainer").replaceWith(pagers);
            //alert(pagers);
            //////alert(catboxdivid);
            ////alert("here1");

            $(".pagor").click(function() {
                ////alert("blah");
                //  updatePage(this);
                ////alert("blah selected: " + selected);
                updatePage(this);
                //                var index = $(".pagor").index(this);
                //                ////alert("blah index: " + index);
                //                var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                //                // ////alert("index: " + index);
                //                filterproductsby(CategoryID, CategoryName, (index + 1));
                //                // $("#categoryProductsbox").load(url);
                //$(".pagor").removeClass("selected");
                //$(this).addClass("selected");
            });
        } else if (selected > (Number(pages) - 4)) {
            //alert("selected > (Number(pages) - 4)");
            // Draw ... link to first then have the last 5
            // var pagers = "<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            // pagers1 = "<div id='PageNumberWrapperContainer'>";

            // var pagers1 = "<div id='PageNumberContainer'>";
            //pagers1 += "<div id='PageNumberWrapper'>";
            var pagers1 = "<div id='PageNumberWrapper'>";
            pagers1 += "<div class='PageNumberFirst'>";
            pagers1 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers1 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers1 += "<div id='paginator'>";
            // pagers1 += "<a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            pagers1 += "<a href='#' class='pagor'>1</a>...";
            for (i = (Number(pages) - 4); i <= Number(pages); i++) {
                if (i == selected) {
                    pagers1 += "<a href='#' class='pagor selected'>" + i + "</a>";
                } else {
                    pagers1 += "<a href='#' class='pagor'>" + i + "</a>";
                }
            }
            //pagers += "<div style='clear:both;'></div></div></div>";
            pagers1 += "</div>";
            pagers1 += "<div class='PageNumberLast'>";
            pagers1 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers1 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers1 += "</div>";
            pagers1 += "</div>";
            //container
            //pagers1 += "</div>";

            //$("#paginator").remove();
            // if ($("#PageNumberWrapper").length > 0) {
            //     //alert("wrapper exists");
            //     $("#PageNumberWrapper").replaceWith(pagers1);
            // }
            // else {
            // $("#PageNumberContainer").empty().replaceWith(pagers1);
            if ($("#PageNumberContainer").html() == null) {
                //   alert("TOP it is null");
                // document.createElement("#PageNumberContainer");
                $("#NumberContainer").html("<div id='PageNumberContainer'></div>");

            }
            else {
                //  alert("TOP NOPE");
            }
            // $("#BottomPageNumberContainer").html(pagers);

            $("#PageNumberContainer").html(pagers1);
            // alert("2: contents of PageNumberContainer: " + $("#PageNumberContainer").html());


            //$("#PageNumberContainer").html(pagers1);
            //  $("#PageNumberContainer").replaceWith(pagers1);
            //alert("wrapper NOT exists");
            //  }
            // $("#PageNumberWrapper").remove();
            //$("#PageNumberContainer").replaceWith(pagers1);
            //alert(pagers1);
            ////alert("here2");
            $(".pagor").click(function() {
                ////alert("update here 2");
                updatePage(this);
                // var index = $(".pagor").index(this);
                // var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                // ////alert("index: " + index);
                // filterproductsby(CategoryID, CategoryName, (index + 1));
                // $("#categoryProductsbox").load(url);
                $(".pagor").removeClass("selected");
                $(this).addClass("selected");
            });
        } else {
            ////alert("else");
            // Draw the number 1 element, then draw ... 2 before and two after and ... link to last
            // var pagers = "<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            //  pagers2 = "<div id='PageNumberWrapperContainer'>";

            //var pagers2 = "<div id='PageNumberContainer'>";
            //pagers2 += "<div id='PageNumberWrapper'>";

            var pagers2 = "<div id='PageNumberWrapper'>";
            pagers2 += "<div class='PageNumberFirst'>";
            pagers2 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers2 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers2 += "<div id='paginator'>";
            // pagers2 += "<a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            pagers2 += "<a href='#' class='pagor'>1</a>...";

            for (i = (Number(selected) - 2); i <= (Number(selected) + 2); i++) {
                if (i == selected) {
                    pagers2 += "<a href='#' class='pagor selected'>" + i + "</a>";
                } else {
                    pagers2 += "<a href='#' class='pagor'>" + i + "</a>";
                }
            }
            //pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + pages + "</a><div style='clear:both;'></div></div></div>";
            //pagers2 += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + pages + "</a>";
            pagers2 += "...<a href='#' class='pagor'>" + pages + "</a>";
            pagers2 += "</div>";
            pagers2 += "<div class='PageNumberLast'>";
            pagers2 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers2 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers2 += "</div>";
            pagers2 += "</div>";
            //container
            //pagers2 += "</div>";
            //$("#PageNumberWrapper").remove();
            //alert(pagers2);
            ////alert("replace wrapper");
            // if ($("#PageNumberWrapper").length > 0) {
            // //alert("wrapper exists");
            //     $("#PageNumberWrapper").replaceWith(pagers2);
            //  }
            // else {

            // $("#PageNumberContainer").replaceWith(pagers2);
            //$("#PageNumberContainer").empty().replaceWith(pagers2);
            if ($("#PageNumberContainer").html() == null) {
                //  alert("TOP it is null");
                // document.createElement("#PageNumberContainer");
                $("#NumberContainer").html("<div id='PageNumberContainer'></div>");

            }
            else {
                //   alert("TOP NOPE");
            }
            // $("#BottomPageNumberContainer").html(pagers);

            $("#PageNumberContainer").html(pagers2);
            // alert("2: contents of PageNumberContainer: " + $("#PageNumberContainer").html());


            //$("#PageNumberContainer").html(pagers2);
            ////alert("wrapper NOT exists");
            // }

            //$("#PageNumberWrapper").replaceWith(pagers2);
            ////alert("replace Container");
            // $("#PageNumberContainer").replaceWith(pagers2);
            // //alert("here3");

            $(".pagor").click(function() {
                ////alert("pagor click function");
                updatePage(this);
                //var index = $(".pagor").index(this);
                //var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                // ////alert("index: " + index);
                //filterproductsby(CategoryID, CategoryName, (index + 1));
                // $("#categoryProductsbox").load(url);
                $(".pagor").removeClass("selected");
                $(this).addClass("selected");
            });
        }
    }
}

function generateBottomRows(selected) {
    var pages1 = $("#page_count").val();
    var pages = intPageCount;
    //  alert("b pages: " + pages);
    //  alert("b pages1: " + pages1);
    ////alert("gen rows selected: " + selected);

    //if (pages <= 5) {

    if (pages == 5) {
        // alert("b pages = 5");
        // var pagers = "<div id='BottomPageNumberContainer'>";
        // alert("1: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());
        var pagers = "<div id='BottomPageNumberWrapper'>";
        // pagers += "<div id='BottomPageNumberWrapper'>";
        pagers += "<div class='PageNumberFirst'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a>";
        pagers += "</div>";
        pagers += "<div id='Bottompaginator'>";
        // pagers += "<a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a>"
        // pagers += "</div>";
        for (i = 1; i <= pages; i++) {
            //if (i == 1) {
            if (i == selected) {
                pagers += "<a href='#' class='pagorb selected'>" + i + "</a>";
            }
            else {
                pagers += "<a href='#' class='pagorb'>" + i + "</a>";
            }
        }
        pagers += "</div>";
        pagers += "<div class='PageNumberLast'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
        pagers += "</div>";
        pagers += "</div>";
        //end container
        // pagers += "</div>";
        //$("#PageNumberContainer").replaceWith("<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a><div style='clear:both;'></div></div></div>");
        // $("#PageNumberWrapper").remove();
        //$("#PageNumberContainer").replaceWith(pagers);
        //  if ($("#BottomPageNumberWrapper").length > 0) {
        //     $("#BottomPageNumberWrapper").html(pagers);
        //  }
        //  else {
        //$("#BottomPageNumberContainer").replaceWith(pagers2);
        if ($("#BottomPageNumberContainer").html() == null) {
            //   alert("it is null");
            $("#BottomNumberContainer").html("<div id='BottomPageNumberContainer'></div>");
            //document.createElement("#BottomPageNumberContainer");
        }
        else {
            //    alert("NOPE");
        }
        $("#BottomPageNumberContainer").html(pagers);
        //  alert("2: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());

        //$("#BottomPageNumberContainer").empty().replaceWith(pagers);
        //  }
        $(".pagorb").click(function() {
            // var index = $(".pagor").index(this);
            // var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
            //alert("index: " + index);
            // alert("this: " + this);
            //filterproductsby(CategoryID, CategoryName, (index + 1));
            // $("#categoryProductsbox").load(url);
            updatePage(this);
            //  $(".pagor").removeClass("selected");
            // $(this).addClass("selected");

        });
    } else if (pages < 5) {
        //alert("b pages < 5");
        // var pagers = "<div id='PageNumberWrapper'><div id='paginator'>";
        // var pagers = "<div id='PageNumberWrapperContainer'>";
        //  alert("testing");
        //  alert("1: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());
        // var pagers = "<div id='BottomPageNumberContainer'>";
        var pagers = "<div id='BottomPageNumberWrapper'>";
        // pagers += "<div id='BottomPageNumberWrapper'>";
        pagers += "<div class='PageNumberFirst'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
        pagers += "<div id='Bottompaginator'>";
        for (i = 1; i <= pages; i++) {
            //if (i == 1) {
            if (i == selected) {
                pagers += "<a href='#' class='pagorb selected'>" + i + "</a>";
            }
            else {
                pagers += "<a href='#' class='pagorb'>" + i + "</a>";
            }
        }
        // pagers += "<div style='clear:both;'></div></div></div>";
        pagers += "</div>";
        pagers += "<div class='PageNumberLast'>";
        pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
        pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
        pagers += "</div>";
        pagers += "</div>";
        //end container
        // pagers += "</div>";

        // pagers += "</div>";
        // $("#BottomPageNumberWrapper").remove();
        //$("#PageNumberContainer").replaceWith(pagers);
        //  if ($("#BottomPageNumberWrapper").length > 0) {
        // $("#BottomPageNumberWrapper").html(pagers);
        //     }
        //     else {
        //$("#BottomPageNumberContainer").replaceWith(pagers2);
        if ($("#BottomPageNumberContainer").html() == null) {
            //     alert("it is null");
            //document.createElement("#BottomPageNumberContainer");
            $("#BottomNumberContainer").html("<div id='BottomPageNumberContainer'></div>");
        }
        else {
            //   alert("NOPE");
        }
        $("#BottomPageNumberContainer").html(pagers);
        // $("#BottomPageNumberContainer").empty().replaceWith(pagers);

        // alert("2: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());
        //$("#BottomPageNumberContainer").replaceWith(pagers);
        //   }
        //$("#PageNumberWrapper").after("<div id='paginator'><a href='#' class='pagor selected'>1</a><a href='#' class='pagor'>2</a><a href='#' class='pagor'>3</a><a href='#' class='pagor'>4</a><a href='#' class='pagor'>5</a><div style='clear:both;'></div></div>");
        $(".pagorb").click(function() {
            var index = $(".pagorb").index(this);
            var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
            // ////alert("index: " + index);
            filterproductsby(CategoryID, CategoryName, (index + 1));
            // $("#categoryProductsbox").load(url);
            $(".pagorb").removeClass("selected");
            $(this).addClass("selected");
        });
    }
    else {
        if (selected < 5) {
            //  alert("b selected < 5");
            // Draw the first 5 then have ... link to last
            //var pagers = "<div id='PageNumberWrapper'><div id='paginator'>";
            // pagers = "<div id='PageNumberWrapperContainer'>";
            //var pagers = "<div id='BottomPageNumberContainer'>";
            var pagers = "<div id='BottomPageNumberWrapper'>";
            // pagers += "<div id='BottomPageNumberWrapper'>";
            pagers += "<div class='PageNumberFirst'>";
            pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers += "<div id='Bottompaginator'>";
            for (i = 1; i <= 5; i++) {
                //////alert("i: " + i);
                //////alert("selected: " + selected);
                if (i == selected) {
                    pagers += "<a href='#' class='pagorb selected'>" + i + "</a>";
                } else {
                    pagers += "<a href='#' class='pagorb'>" + i + "</a>";
                }
            }
            //pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + Number(pages) + "</a><div style='clear:both;'></div></div></div>";
            // pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + Number(pages) + "</a>";
            pagers += "...<a href='#' class='pagorb'>" + Number(pages) + "</a>";
            pagers += "</div>";
            pagers += "<div class='PageNumberLast'>";
            pagers += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers += "</div>";
            pagers += "</div>";
            //container
            //pagers += "</div>";

            //    if ($("#BottomPageNumberWrapper").length > 0) {
            //   $("#BottomPageNumberWrapper").html(pagers);
            //   }
            //   else {
            //$("#BottomPageNumberContainer").replaceWith(pagers2);
            if ($("#BottomPageNumberContainer").html() == null) {
                //   alert("< 5 it is null");
                // document.createElement('BottomPageNumberContainer');
                $("#BottomNumberContainer").html("<div id='BottomPageNumberContainer'></div>");
            }
            else {
                //  alert("< 5 NOPE");
            }

            $("#BottomPageNumberContainer").html(pagers);
            // alert("2: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());

            // $("#BottomPageNumberContainer").empty().replaceWith(pagers);
            //    }
            // $("#PageNumberWrapper").remove();
            // $("#PageNumberContainer").replaceWith(pagers);
            //alert(pagers);
            //////alert(catboxdivid);
            ////alert("here1");

            $(".pagorb").click(function() {
                ////alert("blah");
                //  updatePage(this);
                ////alert("blah selected: " + selected);
                updatePage(this);
                //                var index = $(".pagor").index(this);
                //                ////alert("blah index: " + index);
                //                var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                //                // ////alert("index: " + index);
                //                filterproductsby(CategoryID, CategoryName, (index + 1));
                //                // $("#categoryProductsbox").load(url);
                //$(".pagor").removeClass("selected");
                //$(this).addClass("selected");
            });
        } else if (selected > (Number(pages) - 4)) {
            // alert("selected > (Number(pages) - 4)");
            // Draw ... link to first then have the last 5
            // var pagers = "<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            // pagers1 = "<div id='PageNumberWrapperContainer'>";
            //var pagers1 = "<div id='BottomPageNumberContainer'>";
            var pagers1 = "<div id='BottomPageNumberWrapper'>";
            //  pagers1 += "<div id='BottomPageNumberWrapper'>";
            pagers1 += "<div class='PageNumberFirst'>";
            pagers1 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers1 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers1 += "<div id='Bottompaginator'>";
            // pagers1 += "<a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            pagers1 += "<a href='#' class='pagorb'>1</a>...";
            for (i = (Number(pages) - 4); i <= Number(pages); i++) {
                if (i == selected) {
                    pagers1 += "<a href='#' class='pagorb selected'>" + i + "</a>";
                } else {
                    pagers1 += "<a href='#' class='pagorb'>" + i + "</a>";
                }
            }
            //pagers += "<div style='clear:both;'></div></div></div>";
            pagers1 += "</div>";
            pagers1 += "<div class='PageNumberLast'>";
            pagers1 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers1 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers1 += "</div>";
            pagers1 += "</div>";
            //end container
            //pagers1 += "</div>";
            // pagers1 += "</div>";

            //$("#paginator").remove();
            //if ($("#BottomPageNumberWrapper").length > 0) {
            //alert("wrapper exists");
            //    $("#BottomPageNumberWrapper").html(pagers1);
            //  }
            // else {
            //$("#BottomPageNumberContainer").replaceWith(pagers2);
            if ($("#BottomPageNumberContainer").html() == null) {
                //   alert("< 5 it is null");
                // document.createElement('BottomPageNumberContainer');
                $("#BottomNumberContainer").html("<div id='BottomPageNumberContainer'></div>");
            }
            else {
                //   alert("< 5 NOPE");
            }

            $("#BottomPageNumberContainer").html(pagers1);
            //alert("2: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());

            // $("#BottomPageNumberContainer").html(pagers1);

            //  $("#BottomPageNumberContainer").empty().replaceWith(pagers1);
            //alert("wrapper NOT exists");
            // }
            // $("#PageNumberWrapper").remove();
            //$("#PageNumberContainer").replaceWith(pagers1);
            //alert(pagers1);
            ////alert("here2");
            $(".pagorb").click(function() {
                ////alert("update here 2");
                updatePage(this);
                // var index = $(".pagor").index(this);
                // var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                // ////alert("index: " + index);
                // filterproductsby(CategoryID, CategoryName, (index + 1));
                // $("#categoryProductsbox").load(url);
                $(".pagorb").removeClass("selected");
                $(this).addClass("selected");
            });
        } else {
            // alert("else");
            // Draw the number 1 element, then draw ... 2 before and two after and ... link to last
            // var pagers = "<div id='PageNumberWrapper'><div id='paginator'><a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            //  pagers2 = "<div id='PageNumberWrapperContainer'>";
            // var pagers2 = "<div id='BottomPageNumberContainer'>";
            var pagers2 = "<div id='BottomPageNumberWrapper'>";
            //pagers2 += "<div id='BottomPageNumberWrapper'>";
            pagers2 += "<div class='PageNumberFirst'>";
            pagers2 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'><img src='../skins/skin_1/images/firstpagenumber.gif' height='10' width='15' alt='First page' /></a>";
            pagers2 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1,1);'>First</a></div>";
            pagers2 += "<div id='Bottompaginator'>";
            // pagers2 += "<a href='#' class='pagor'>1</a><div style='float:left;padding-left:6px;padding-right:6px;'>...</div>";
            pagers2 += "<a href='#' class='pagorb'>1</a>...";

            for (i = (Number(selected) - 2); i <= (Number(selected) + 2); i++) {
                if (i == selected) {
                    pagers2 += "<a href='#' class='pagorb selected'>" + i + "</a>";
                } else {
                    pagers2 += "<a href='#' class='pagorb'>" + i + "</a>";
                }
            }
            //pagers += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + pages + "</a><div style='clear:both;'></div></div></div>";
            //pagers2 += "<div style='float:left;padding-left:6px;padding-right:6px;'>...</div><a href='#' class='pagor'>" + pages + "</a>";
            pagers2 += "...<a href='#' class='pagorb'>" + pages + "</a>";
            pagers2 += "</div>";
            pagers2 += "<div class='PageNumberLast'>";
            pagers2 += "<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'>Last</a>";
            pagers2 += "&nbsp;&nbsp;<a href='#' class='FirstLastPage' onclick='javascript:filterproductsby(" + CategoryID + ",1," + pages + ");'><img src='../skins/skin_1/images/lastpagenumber.gif' height='10' width='15' alt='Last page' /></a>";
            pagers2 += "</div>";
            pagers2 += "</div>";
            // pagers2 += "</div>";
            //container
            //pagers2 += "</div>";
            //$("#PageNumberWrapper").remove();
            //alert(pagers2);
            ////alert("replace wrapper");
            //if ($("#BottomPageNumberWrapper").length > 0) {
            // //alert("wrapper exists");
            // $("#BottomPageNumberWrapper").replaceWith(pagers2);
            //     $("#BottomPageNumberWrapper").html(pagers2);
            // }
            // else {
            //$("#BottomPageNumberContainer").replaceWith(pagers2);
            if ($("#BottomPageNumberContainer").html() == null) {
                //    alert("< 5 it is null");
                // document.createElement('BottomPageNumberContainer');
                $("#BottomNumberContainer").html("<div id='BottomPageNumberContainer'></div>");
            }
            else {
                //   alert("< 5 NOPE");
            }

            $("#BottomPageNumberContainer").html(pagers2);
            //alert("2: contents of BottomPageNumberContainer: " + $("#BottomPageNumberContainer").html());

            //$("#BottomPageNumberContainer").html(pagers2);
            // $("#BottomPageNumberContainer").empty().replaceWith(pagers2);
            ////alert("wrapper NOT exists");
            //  }

            //$("#PageNumberWrapper").replaceWith(pagers2);
            ////alert("replace Container");
            // $("#PageNumberContainer").replaceWith(pagers2);
            // //alert("here3");

            $(".pagorb").click(function() {
                ////alert("pagor click function");
                updatePage(this);
                //var index = $(".pagor").index(this);
                //var url = "landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + index + "&n=" + CategoryName;
                // ////alert("index: " + index);
                //filterproductsby(CategoryID, CategoryName, (index + 1));
                // $("#categoryProductsbox").load(url);
                $(".pagorb").removeClass("selected");
                $(this).addClass("selected");
            });
        }
    }
}
function updatePage(elem) {
    // Retrieve the number stored and position elements based on that number
    var selected = $(elem).text();
    ////alert("update selected: " + selected);
    // selected = selected + 1;
    var url = "/landingpageproductfilter.aspx?gv=" + genderValue + "&pv=" + priceValue + "&rv=" + RatingValue + "&cid=" + CategoryID + "&pg=" + selected + "&n=" + CategoryName;
    // First update content
    //$("#content").load("test.aspx?gv=all&pv=all&rv=all&cid=32&n=golfdrivers&pg=" + (selected - 1));
    // ////alert("url: " + url);
    //////alert("div: " + catboxdivid);
    // $("#categoryProductsbox").load(url);
    filterproductsby(CategoryID, CategoryName, (selected));

    // Then update links
    generateRows(selected);
    generateBottomRows(selected);
}
/*Update the price on the product page if chosen child is different pricing on the default child*/
function updateProductPrice(variantID, customerlevelid) {
    url = "/updateproductprice.aspx?v=" + variantID + "&clid=" + customerlevelid;
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                ////alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = url;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            document.getElementById("pricecontainer").innerHTML = xmlHttp.responseText;
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}

//Rental AJAX
function refreshRentalRates(vid) {

    // The XMLHttpRequest object
    //alert("vid: " + vid)
    url = "/GetRentalPrices.aspx?variantID=" + vid;
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = url;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            document.getElementById(divid).innerHTML = xmlHttp.responseText;
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}

// Start the refreshing process

//var seconds;
//window.onload = function startrefresh(){
//setTimeout('refreshdiv()',seconds*1000);
//}

////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////

function FindExistingProShopViaEmail(stremail) {

    // The XMLHttpRequest object
    //alert("vid: " + vid)
    urlProShop = "/getexistingproshop.aspx?email=" + stremail
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = urlProShop;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            document.getElementById(dividProShop).innerHTML = xmlHttp.responseText;
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}

// Start the refreshing process

//var seconds;
//window.onload = function startrefresh(){
//setTimeout('refreshdiv()',seconds*1000);
//}

function FindRentalCalendar(intVariantID) {

    // The XMLHttpRequest object
    //alert("vid: " + vid)
    urlRentalCalendar = "/getrentalcalendar.aspx?vid=" + intVariantID
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = urlRentalCalendar;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            //  alert(dividRentalCalendar);
            // alert(xmlHttp.responseText)
            document.getElementById(dividRentalCalendar).innerHTML = xmlHttp.responseText;
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}
//===================================================================
function ShowVariantImage(intVariantID, intProductID, strImageFilename, strSKU, strAltText) {

    // The XMLHttpRequest object
    //alert("vid: " + vid)
    var divid;
    divid = "";
    divid = divProductPic + intProductID;
    urlvariantimage = "/getvariantimage.aspx?vid=" + intVariantID + "&pid=" + intProductID + "&imagefilename=" + strImageFilename + "&sku=" + strSKU + "&alttext=" + strAltText;
    //alert(urlvariantimage);
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
    }
    catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX.");
                return false;
            }
        }
    }

    // Timestamp for preventing IE caching the GET request

    fetch_unix_timestamp = function() {
        return parseInt(new Date().getTime().toString().substring(0, 10))
    }

    var timestamp = fetch_unix_timestamp();
    //var nocacheurl = url+"?t="+timestamp;
    var nocacheurl = urlvariantimage;

    // The code...

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            //  alert(dividRentalCalendar);
            //alert(divid);
            var strImagefilename2;
            var strFinalImagefilename;
            var k;
            var j;
            //alert('src: ' + xmlHttp.responseText);
            //  alert('test: ' + xmlHttp.responseText.indexOf('/variant/'));
            strImagefilename2 = xmlHttp.responseText.split("=");
            //alert("search:" + strImagefilename[0]);
            //alert("search:" + strImagefilename[1]);
            // k = strImagefilename[1];
            //alert(strImagefilename[1]);
            j = strImagefilename2[0].replace("&imagefilename", "");
            // alert(j);
            //strFinalImagefilename = k.split("imagefilename");
            //alert("strImagefilename: " & strFinalImagefilename[0]);
            //alert("strImagefilename: " & strFinalImagefilename[1]);
            if (xmlHttp.responseText.indexOf('/variant/') > 0) {

                //test = xmlHttp.responseText.substring(xmlHttp.responseText.search("&"), xmlHttp.responseText.length - xmlHttp.responseText.search("&"));
                //alert("substring:" + test);
                document.getElementById(divid).onclick = function() {
                    popuplargevariant(intVariantID, strImagefilename2[1]);

                };
                document.getElementById("imgViewLarger").onclick = function() {
                    popuplargevariant(intVariantID, strImagefilename2[1]);

                };
            }
            else {
                if (strImagefilename2[1] != undefined) {
                    document.getElementById(divid).onclick = function() {
                        popuplargeSetPopup(strImagefilename2[1]);
                        // alert(strImagefilename2[0]);
                        // popuplargeSetPopup("");

                    };
                    document.getElementById("imgViewLarger").onclick = function() {
                        popuplargeSetPopup(strImagefilename2[1]);

                    };
                } else {
                    document.getElementById(divid).onclick = function() {
                        popuplargeSetPopup(strImageFilename);
                        // alert(strImagefilename2[0]);
                        // popuplargeSetPopup("");

                    };
                    document.getElementById("imgViewLarger").onclick = function() {
                        popuplargeSetPopup(strImageFilename);

                    };
                }

            }

            document.getElementById(divid).src = j;
            //
            //setTimeout('refreshdiv()',seconds*1000);
        }
    }
    xmlHttp.open("GET", nocacheurl, true);
    xmlHttp.send(null);
}

function addUpsellProduct(productid, iscartpage, CustomerID, mainproductid) {
    // The XMLHttpRequest object

    var strvariantid;
    var strselect;
    var dividupsellonproductpage = "div_upselladded_" + productid;
    strselect = "selupsellvariants_" + productid;
    strvariantid = document.getElementById(strselect);

    if (iscartpage == 1) {
        urladdupsellproduct = "/addtocart.aspx?VariantID=" + strvariantid.value + "&Quantity=1&isAdminRefundOrder=0&RentalProduct=0&isUpsell=1&ProductID=" + productid + "&UpsellParentID=" + mainproductid;
        window.location = urladdupsellproduct;
    }
    else {
        urladdupsellproduct = "/AddUpsellProduct.aspx?VariantID=" + strvariantid.value + "&ProductID=" + productid + "&CustomerID=" + CustomerID + "&UpsellParentID=" + mainproductid;
        // alert(urladdupsellproduct);
        obj = document.getElementById(dividupsellonproductpage);
        obj.style.display = "";
        var xmlHttp;
        try {
            xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
            }
            catch (e) {
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e) {
                    alert("Your browser does not support AJAX.");
                    return false;
                }
            }
        }

        //    // Timestamp for preventing IE caching the GET request
        fetch_unix_timestamp = function() {
            return parseInt(new Date().getTime().toString().substring(0, 10))
        }
        var timestamp = fetch_unix_timestamp();
        //var nocacheurl = url+"?t="+timestamp;
        var nocacheurl = urladdupsellproduct;
        // The code...

        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4) {
                document.getElementById(dividupsellonproductpage).innerHTML = xmlHttp.responseText;
                //setTimeout('refreshdiv()',seconds*1000);
            }
        }
        xmlHttp.open("GET", nocacheurl, true);
        xmlHttp.send(null);
    }
    // dividupsellonproductpage = "";
    //    urlProShop = "addtocart.aspx?VariantID=" + stremail
    //    
}
function removeCompareProduct(pid, compareid) {

    // The XMLHttpRequest object
    url = "/removecompareproduct.aspx?productid=" + pid;
    window.location = url;
}
/*For Unicorn*/
function showAllBrandsInMenu()
{
 $("ul.tame li").removeClass("tamehidden");
 $("ul.tame li").addClass("tame");
}