/////////////////////////////////////////////////
// Written by Paul Lo, organized on 8/27/08
/////////////////////////////////////////////////

/////////////////////////////////////////////////
// JQuery Section - predefined
/////////////////////////////////////////////////
//var cookieDomain = "domain=";
var cookieDomain = "";
var $j = jQuery;
$j(document).ready(function() {
    var mouseX;
    var mouseY;

    //-------- get mouse position --------
    $j().mousemove(function(e) {
        mouseX = e.pageX;
        mouseY = e.pageY;
    });

    //-------- google tracking --------
    $j("a,input.common-tracking").click(function() {
        var id = $j(this).attr("id");
        var trackingUrl = "";
        var parentId = "";
        var model = ""; // product page only

        if ($j(this).parent().length > 0) {
            parentId = $j(this).parent().attr("id");
        }

        if ($j("body").find("input[type='hidden']#hiddenModel").length > 0) {
            model = $j("body").find("input[type='hidden']#hiddenModel").val();
        }

        // master top navigations
        if (id == "topNavHHO") {
            trackingUrl = "/?overlay=HHO";
        }
        else if (id == "topNavSMB") {
            trackingUrl = "/?overlay=SMB";
        }
        else if (id == "topNavLB") {
            trackingUrl = "/?overlay=LB";
        }
        else if (id == "topNavGov") {
            trackingUrl = "/?overlay=GE";
        }
        else if (parentId == "overview") // product page resources
        {
            trackingUrl = "/products/?pid=" + model + "&tab=0";
        }
        else if (parentId == "resources") {
            trackingUrl = "/products/?pid=" + model + "&tab=1";
        }
        else if (parentId == "accolades") {
            trackingUrl = "/products/?pid=" + model + "&tab=2";
        }
        else if (parentId == "workswith") {
            trackingUrl = "/products/?pid=" + model + "&tab=3";
        }
        else if (id == "addToCart") {
            trackingUrl = "/products/" + model + "/addToCart";
        }
        else if (id == "findRetailers") {
            trackingUrl = "/products/" + model + "/findRetailers";
        }
        else if (id == "demo") {
            trackingUrl = "/products/" + model + "/dpod";
        }
        else if (parentId == "productSelector") {
            var rid = $j(this).attr("rid");
            trackingUrl = "/solutionflashes/?type=1&rid=" + rid;
        }
        else if ($j(this).attr("rel") == "product_showTv") {
            var vid = $j(this).attr("data");
            trackingUrl = "/products/" + model + "/dlinktvID=" + vid;
        }
        else if ($j(this).parents("div[rel='image_download_content']").length > 0) // image download
        {
            var type = "lowResImage";
            var rel = $j(this).find("span").attr("rel");

            if (rel == "image_HighRes")
                type = "highResImage";

            trackingUrl = "/products/" + model + "/" + type;
        }
        else if ($j(this).hasClass("support-download-resources")) // support resources on product page
        {
            // covers emulator, manual, qig, drivers, apps & firmwares
            var dlPath = $j(this).attr("href");
            if (typeof (dlPath) != 'undefined' && dlPath.length > 0) {
                trackingUrl = dlPath;
            }
        }
        else if ($j(this).hasClass("frameUrl")) // category pages
        {
            if ($j(this).hasClass("category-mainbutton")) {
                var rid = $j(this).attr("rid");
                trackingUrl = "/solutionflashes/?type=1&rid=" + rid;
            }
            else if ($j(this).hasClass("support-read")) // kb or faq
            {
                var rel = $j(this).attr("rel");
                if (typeof (rel) != 'undefined' && rel.length > 0) {
                    if (rel.indexOf("faqDetail") != -1)
                        rel.replace("faqDetail", "faq");

                    trackingUrl = rel;
                }
            }
        }
        else if ($j(this).hasClass("solution-mainbutton")) // category pages
        {
            var rid = $j(this).attr("rid");
            trackingUrl = "/solutionflashes/?type=0&rid=" + rid;
        }
        else if ($j(this).hasClass("builder-mainbutton")) // category pages
        {
            var rid = $j(this).attr("rid");
            trackingUrl = "/solutionflashes/?type=2&rid=" + rid;
        }
        else if ($j(this).hasClass("categoryTVlink")) // category pages
        {
            var vid = $j(this).attr("rel");
            trackingUrl = document.location + "&vid=" + vid;
        }
        else if ($j(this).hasClass("casestudy-detail")) // category pages
        {
            var rid = $j(this).attr("rid");
            trackingUrl = "/casestudies/?csid=" + rid;
        }
        else if ($j(this).hasClass("where2buy-tracking")) // where to buy
        {
            var buyer = $j(this).attr("rel");
            trackingUrl = "/sales/where2buy" + buyer;
        }
        else if ($j(this).hasClass("common-tracking")) // commmon tracking
        {
            var url = $j(this).attr("href");
            if (typeof (url) != 'undefined' && url.length > 0) {
                // faq page top 20
                if ($j(this).attr("id") == 'faqTop20') {
                    url = url + "top20";
                }
            }
            else // special cases, most likely tag input
            {
                var rel = $j(this).attr("rel");
                if (typeof (rel) != 'undefined' && rel.length > 0) {
                    url = rel;
                }
            }

            if (url.length > 0) {
                trackingUrl = url;
            }
        }

        if (trackingUrl.length > 0) {
            pageTracker._trackPageview(trackingUrl);
        }
    });

    //---------------Master Page----------------------
    // overlay hp set default
    $j(".set-default").click(function() {
        var checked = $j(this).children(":checkbox").attr('checked');
        var cookieVal = $j(this).children(":checkbox").attr("value");

        if (typeof (checked) == 'undefined' || checked == true) {
            // check clicked cb and uncheck other cbs
            $j(".set-default :checkbox").attr("checked", "");
            $j(this).children(":checkbox").attr("checked", "checked");

            // set cookie
            setHPCookie(cookieVal, cookiePkg);
        }
    });

    $j(".set-hp-default-prompt").click(function() {
        var selectedHp = $j(".hpSelection input:radio:checked");
        if (selectedHp.length > 0) {
            var hp = selectedHp.val();
            // set cookie
            setHPCookie(hp, cookiePkg);

            // fade away
            var prompt = $j("#hpSetting");
            var body = $j("#entry-overlay-body, #entry-overlay-content");

            if (prompt.length > 0 && body.length > 0 && $j(":animated").length == 0) {
                // reload flash
                var containerId = "introContainer";
                var flash = $j("object#" + containerId);
                if (flash.length > 0) {
                    flash.replaceWith("<div id=\"" + containerId + "\"></div>");

                    var flashvars = {};
                    flashvars.myURL = hp;

                    generateCommonFlash("introContainer", "/main.swf", 950, 443, null, flashvars);
                }

                // overlay set default cb
                var setDefault = $j(".set-default :checkbox[value='" + hp + "']");
                if (setDefault.length > 0) {
                    setDefault.attr("checked", "checked");
                }

                // top nav tabs state
                var topTabs = $j("#defaultTopNavWrapper a[rel='master_overlay_tab']");
                if (topTabs.length > 0) {
                    var selectedOn = $j(topTabs.get(hp - 1));
                    // change page title
                    document.title = "D-Link - " + selectedOn.attr("title");

                    if (topTabs.hasClass("on")) // remove default on tab
                    {
                        var currentOn = topTabs.filter(".on");
                        if (currentOn.length > 0) {
                            if (currentOn.attr("id") != selectedOn.attr("id")) {
                                currentOn.removeAttr("class");
                            }
                        }
                    }

                    selectedOn.attr("class", "on");

                }

                $j("#header").css({ "z-index": 276 });
                prompt.fadeOut(300);
                body.fadeOut(200);
            }
        }

        return false;
    });

    // master bottom navigation
    $j(".btmNav").hover(function() {
        var infoId = $j(this).attr("rel");
        var content = $j("#" + infoId);

        $j("#footer").css("zIndex", "300");
        $j("#" + infoId).fadeIn(500);
    }, function() {
        var infoId = $j(this).attr("rel");
        var content = $j("#" + infoId);

        $j("#footer").css("zIndex", "");
        content.fadeOut(200);
    });

    // search box, close all search results, other than this one
    $j("input.searchBoxFormat").focus(function() {
        if ($j("div.searchResult").hasClass("on")) {
            $j("div.searchResult").removeClass("on").addClass("off");
        }

        // show the result when there's text in the box
        if ($j(this).val().length > 0) {
            var result = $j(this).parent().siblings("div.searchResult");
            if (result != null && result.html().length == 0) // don't call ws if there's already results
            {
                GetSearchResult($j(this).val(), $j(this).parent("div.searchWrapper, div.searchWrapper-wh").siblings("div.searchResult").attr("id"), $j(this).attr("rel"));
            }
            else {
                // show 
                result.removeClass("off").addClass("on");
            }
        }

    }).keydown(function(event) {
        var key = event.keyCode;
        if (key == 13) // enter
        {
            $j("input,a").blur();
            var term = $j(this).val();
            var type = $j(this).attr("rel");

            var resultList = $j(this).parent("div.searchWrapper, div.searchWrapper-wh").siblings("div.searchResult");
            var selected = resultList.find("ul.searchresults li.selected");
            var resultItemAction = function(link) {
                if (!link.hasClass("frameUrl")) {
                    var dest = link.attr("href");
                    if (document.location) {
                        document.location = dest;
                    }
                    else {
                        document.location.url = dest;
                    }
                }
                else {
                    FrameUrl(link.get(0));
                }
            };

            // no results or no result is selected
            if (!resultList.hasClass("on") || selected.length == 0) {
                var resultCounts = resultList.find("ul.searchresults li").length;

                if (type == 'WWWProducts') {
                    //var searchDest = "/search/?qry=" + term;
                    var searchDest = "/search/?qry=" + encodeURIComponent(term);

                    if (document.location) {
                        document.location = searchDest;
                    }
                    else {
                        document.location.url = searchDest;
                    }
                    return;
                }

                // there's a such product model, typed in full and found in db
                if (resultCounts == 1 && resultList.hasClass("on")) {
                    var selectedItem = resultList.find("ul.searchresults li a");
                    resultItemAction(selectedItem);
                }
                else if (resultList.hasClass("on")) // more than one results
                {
                    alert("Please pick a result from the list.");
                }
                else if (!resultList.hasClass("on")) // no results
                {
                    if (term != null && term.length > 0) {
                        alert("No results found for the search term. Please enter a new one.");
                    }
                    else {
                        alert("Please enter a search term");
                    }
                }
            }
            else // on & selected
            {
                var link = selected.children("a");
                resultItemAction(link);
                /*if(type != 'WWWProducts')
                {
                var link = selected.children("a");
                resultItemAction(link);
                }
                else
                {
                var searchDest = "/search/?qry=" + term;
               
                if(document.location)
                {
                document.location = searchDest;
                }
                else
                {
                document.location.url = searchDest;
                }
                }*/
            }
        }
    });

    // kb item click
    $j("a.product-kb-item").click(function() {
        var url = $j(this).attr("rel");
        var detailFrame = $j("#kbDetailFrame").attr("src", url);
    });

    // controls tabs that should slide
    $j("a[rel='master_overlay_tab']").click(function() {
        var hp = 1; //topNavHHO
        if (this.id == "topNavSMB") {
            hp = 2;
        }
        else if (this.id == "topNavLB") {
            hp = 3;
        }
        else if (this.id == "topNavGov") {
            hp = 4;
        }

        setHPCookie(hp, cookiePkg);

        var tab = $j("#" + this.id + "_content");
        var commonPanel = $j("#defaultPanesShadowWrapper");
        var contentDisplay = $j(tab).css("display");

        if (contentDisplay == "none") {
            $j(tab).siblings().hide();
            $j("a[rel='master_overlay_tab']").removeClass('on');
            $(this).addClassName('on');
            commonPanel.slideDown(500, function() {
                tab.css({ display: "block" });
            });
        }
        else {
            $(this).removeClassName('on');
            tab.css({ display: "none" });
            commonPanel.slideUp(250);
        }
    });

    // close the slided down window on top nav
    $j("#closeButton").click(function() {
        $j("div[rel='overlay_content']").css({ display: "none" });
        $j("a[rel='master_overlay_tab']").removeClass("on");
        $j("#defaultPanesShadowWrapper").slideUp(250);
    });

    //------ world wide offices page ------
    $j("a.show-hp-pref").click(function() {
        ShowHpPreferenceOptions();
    });

    // controls top resource section on product page
    $j("ul.product-top-resources > li").click(function() {
        if ($j(this).hasClass("disable"))
            return false;

        var commonpanel = $j("#tabWrapper");
        var rel = $j(this).attr("rel");

        var content = $j("div[rel='" + rel + "_content']");

        // only 2 buttons at the bottom should be related
        var bottomResources = $j("#dlinktv, #findRetailers");

        DLinkTV.defaultToIntro('tvContainer');

        // to open
        if (content.css("display") == "none") {
            $j(this).addClass("on");
            $j(this).siblings().removeClass("on");
            $j(this).siblings().eq(0).addClass("on");

            // remove bottom resource status
            bottomResources.removeClass("on");
            content.siblings().css({ display: "none" });
            content.siblings().eq(0).css({display:""});
            commonpanel.slideDown(250, function() {
                content.fadeIn(300);
            });
        }
        else {
            // to close
            content.fadeOut(150, function() {
                commonpanel.slideUp(250);
            });
            $j(this).removeClass("on");
        }
    });

    // control how sub category items slide out when mouse over, slide in
    // when mouse out
    $j("a.biz-category-listItem").mouseover(function() {
        if ($j(":animated").length > 0)
            return;

        // change to content parent's parent instead of ID
        var group = $j(this).attr("name");
        $j("a.biz-category-listItem[name='" + group + "']").removeClass("on");

        // don't stay on
        if (typeof ($j(this).attr("rel")) != 'undefined' && $j(this).attr("rel").length > 0) {
            var content = $j("#" + $j(this).attr("rel"));

            // sub pane
            var sub;
            if ($j(this).parents("div.double-panes-left").length > 0) {
                sub = $j(this).parents("div.double-panes-left:first").siblings("div.double-panes-right:first");
               
            }
            else if ($j(this).parents("div.double-left-operators").length > 0) {
            sub = $j(this).parents("div.double-left-operators:first").siblings("div.double-right-operators:first");
            }
            else if ($j(this).parents("div.double-left-network").length > 0) {
            sub = $j(this).parents("div.double-left-network:first").siblings("div.double-right-network:first");
            }
            if (content.length == 0) // no sub content?
            {
                if (sub.hasClass('open')) {
                    // close all
                    sub.children(":nth-child(2)").fadeOut(200, function() {
                        sub.animate({ backgroundPosition: "-356px 0" }, 300, function() {
                            sub.removeClass('open');
                        });
                    });

                    sub.children(":nth-child(2)").children().each(function() {
                        $j(this).css("display", "none");
                    });
                }
            }
            else // there's sub content
            {
                if (content.css("display") != "block") // not the same one selected
                {
                    if (typeof (content.css("display")) == "undefined") {
                        // hides all sub section if this element doesn't have a sub
                        var rightContent = sub.children(":nth-child(2)");
                        rightContent.children().each(function() {
                            $j(this).css("display", "none");
                        });
                    }
                    else {
                        content.parent().children().each(function() {
                            $j(this).css("display", "none");
                        });

                        if (!sub.hasClass('open')) {
                            sub.addClass('open');
                            sub.animate({ backgroundPosition: "-178px 0" }, 500, function() {
                                content.parent().fadeIn(300, function() {
                                });
                            });
                        }
                        content.css("display", "block");
                    }
                }
            }
        }
    });

    //---------------Prodict Page----------------------
    $j(".controller-index").click(function() {
        var contentId = "#" + $j(this).attr("rel");
        if (typeof ($j(contentId)) != 'undefined' && $j(contentId).length > 0) {
            $j(this).parents("div.group-parent").find("a.linkOn").removeClass("linkOn");
            $j(this).addClass("linkOn");
            var siblingsCnt = $j(contentId).siblings().length;

            if ($j(contentId).css("display") != 'block') {
                if (siblingsCnt > 0) {
                    $j(contentId).siblings().slideUp(200, function() {
                        $j(contentId).slideDown(500, function() {
                            /*var anchor = $j(this).find(".controller-index-anchor");
                            if(anchor.length > 0)
                            {
                            var name = anchor.attr("name");
                            if(typeof(name) != 'undefined' && name.length > 0)
                            {
                            window.location = String(window.location).replace(/\#.*$/, "") + "#" + name;
                            }
                            }*/
                        });
                    });
                }
                else {
                    $j(contentId).slideDown(500);
                }
            }
            else {
                $j(this).removeClass("linkOn");
                $j(contentId).slideUp(500, function() {
                });
            }
        }
    });

    $j("#dlinktv").click(function() {
        if ($j(this).hasClass("disable"))
            return false;

        var commonpanel = $j("#tabWrapper");
        var content = $j("div[rel='" + this.id + "_content']");

        if (content.css("display") == "none") {
            content.siblings().css({ display: "none" });
            $j(this).addClass("on");

            // bottom resource nav
            $j(this).siblings().removeClass("on");
            // top resource nav
            $j("ul.product-top-resources > li").removeClass("on");

            //=====
            // show primary video on load
            var tvplayer = content.find("div#tvPlayer");
            var primaryId = content.attr("data");

            if (tvplayer.length > 0) {
                if (primaryId != null && primaryId > 0 && tvplayer.css("display") == "block") {
                    DLinkTV.updateMovieSrcLink(primaryId, "tvContainer");
                }
            }
            //=====

            commonpanel.slideDown(250, function() {
                content.fadeIn(300);
            });
        }
        else {
            // set back to default when closing
            DLinkTV.defaultToIntro('tvContainer');
            content.fadeOut(150, function() {
                commonpanel.slideUp(250);
            });

            $j(this).removeClass("on");
        }
    });

    // content overlay close button
    $j("a.contentOverlayCloseBtn").click(function() {
        ContentOverlay.Close();
    });

    // dlink tv and list switch
    $j("a[rel='product_showTvList']").click(function() {
        var tvList = $j("div[rel='product_tvList']");
        DLinkTV.defaultToIntro('tvContainer');

        $j(this).parent().fadeOut(500, function() {
            tvList.fadeIn(800);
        });
    });

    // dlink tv list 
    $j("a[rel='product_showTv']").click(function() {
        var tvList = $j("div[rel='product_tvList']");
        var tvId = $j(this).attr("data");

        DLinkTV.updateMovieSrcLink(tvId, "tvContainer");
        tvList.fadeOut(500, function() {
            $j("#tvPlayer").fadeIn(800);
        });
    });

    // image scroller, swap main images, 
    // update download panel content
    $j("img[rel='product_thumbnail']").click(function() {
        var mainImage = $j("img[rel='product_mainImage']");
        var imageSrc = $j(this).attr("src"); //$j(this).get(0).src;
        var title = $j(this).attr("title");

        // main image swap, change href & alt 
        if (imageSrc.length > 0) {
            var mainImageSrc = imageSrc.replace("_thumb.jpg", ".png");
            mainImage.attr("src", mainImageSrc);
            mainImage.attr("alt", $j(this).attr("alt"));
            mainImage.attr("title", title);
        }

        // change resolution size text & download paths
        var lowResSpan = $j("span[rel='image_LowRes']");
        var highResSpan = $j("span[rel='image_HighRes']");
        var webSize = $j(this).attr("web");
        var printSize = $j(this).attr("print");
        var thumbImageFullPath = $j(this).attr("src"); // http://....somthing.jpg
        var thumbImagePathEndIndex = thumbImageFullPath.lastIndexOf("/");
        var thumbnailFullName = thumbImageFullPath.substring(thumbImagePathEndIndex + 1); // somthing.jpg
        var downloadPath = null;
        var webDownload = null; ;
        var printDownload = null;

        if (lowResSpan != null) {
            lowResSpan.each(function(i) {
                $j(this).html(webSize);
                webDownload = $j(this.parentNode);
                if (webDownload != null) {
                    if (downloadPath == null) {
                        // ftp path
                        var path = webDownload.attr("href");
                        var pathEndIndex = path.lastIndexOf("/");
                        downloadPath = path.substring(0, pathEndIndex + 1);
                    }

                    if (downloadPath != null)
                        webDownload.attr("href", downloadPath + thumbnailFullName.replace("_thumb", ""));
                }
            });
        }

        if (highResSpan != null) {
            highResSpan.each(function(i) {
                $j(this).html(printSize);
                printDownload = $j(this.parentNode);
                if (printDownload != null && downloadPath != null) {
                    printDownload.attr("href", downloadPath + thumbnailFullName.replace("_thumb.jpg", ".tif"));
                }
            });
        }
    });

    // show the image downloading panel, sliding up
    $j("#product_imageDownload").click(function() {
        var imageContent = $j("div[rel='image_download_content']");

        if (imageContent.css("display") == "none") {
            imageContent.show(1, function() {
                $j(this).animate({ top: "0px" }, 800);
            });
        }
        else {
            imageContent.animate({ top: "32px" }, 800, function() {
                $j(this).hide();
            });
        }
    });

    //----------- general functions -----------
    // product selector link
    // rel = url, a.productSelectorLink
    $j("select.ddl-link").change(function() {
        var url = $j(this).attr("rel");

        var exUrl = $j(this.options[this.selectedIndex]).attr("rel");

        if (typeof (exUrl) != 'undefined' && exUrl.length > 0)
            url = exUrl;

        var val = this.options[this.selectedIndex].value;

        if (val != null && val != -1) {
            location.href = url + val;
        }
    });

    $j("a.frameUrl, input.frameUrl").click(function() {
        var url = $j(this).attr("rel");
        ContentOverlay.ShowProductSelector(url);

        return false;
    });

    // all Tree Node Sign Click
    $j("div.treeExpandSign > a").click(function() {
        var treeTitle = $j(this).parent().next();
        if (treeTitle != null)
            $j(treeTitle).click();
    });

    // all Neutral(no content, downloads only) attributes addon
    $j.each($j("div.treeNeutralSign > a"), function() {
        var treeTitle = $j(this).parent().next();
        if (treeTitle != null) {
            var href = $j(treeTitle).attr("href");
            var target = $j(treeTitle).attr("target");

            // if resource only has downloadable files, fill in href & target
            // attrs, or else if resource is a clickable, then add the click
            // event to the current element
            if (typeof (href) == 'undefined' || href == null || href.length == 0) {
                $j(this).click(function() {
                    if ($j(treeTitle).click)
                        $j(treeTitle).click();
                });
            }
            else {
                $j(this).attr("href", href);
                $j(this).attr("target", target);
            }
        }
    });

    // all Tree Nodes Click
    // <a> with rel='treeview_link' with a <div> as
    // immediate sibling for the content
    $j("a[rel='treeview_link']").click(function() {
        var sectionToShow = $j(this).parent().next();
        var signSpan = $j(this).prev();

        if ($j(signSpan).hasClass("treeExpandSign")) {
            // <a>
            var signLink = signSpan.children(":first");

            if ($j.trim($j(signLink).html()) == "+") {
                $j(signLink).html("-");
                $j(signLink).css({ marginLeft: "2px" });
            }
            else {
                $j(signLink).html("+");
                $j(signLink).css({ marginLeft: "" });
            }

            $j(sectionToShow).slideToggle(300);
        }
    });

    //----------- company press template -----------
    $j(".supportContent").click(function() {
        var rel = $j(this).attr("rel");
        var title = $j(this).attr("title");
        var id = $j(this).attr("id");
        var hasFrame = $j(this).hasClass("frameContent");
        var hasSearch = $j(this).hasClass("searchContent");

        if (typeof (rel) != 'undefined' && rel.length > 0) {
            var contentId = "#" + id + "_content";
            /*if($j(contentId).length == 0)
            {
            contentId = "#" + rel;
            }*/

            var contentBody = $j("#" + rel + " div.company-landing");
            /*if(contentBody.length == 0)
            {
            contentBody = $j("div.contentBody");
            }*/

            $j(this).siblings("a.linkOn").removeClass("linkOn");

            if (!$j(this).hasClass("linkOn"))
                $j(this).addClass("linkOn");

            if (hasFrame) {
                contentId = "#frame_content";
                var src = $j(this).attr("url");

                if (hasSearch) {
                    var term = $j(this).prev("input").val();
                    src = src + term;
                }

                $j(contentId).children("iframe").attr("src", src);
            }

            if (contentBody.css("display") != 'block' || contentBody.css("display") == '') {
                contentBody.slideDown(500, function() {
                    if ($j(contentId).css("display") != 'block') {
                        $j(contentId).siblings().css("display", "none");
                        $j(contentId).fadeIn(300, function() {

                        });
                    }
                });
            }
            else {
                if ($j(contentId).css("display") != 'block') {
                    $j(contentId).siblings().css("display", "none");
                    $j(contentId).fadeIn(300, function() {
                    });
                }
            }

            return false;
        }
    });

    //----------- find your product page -----------
    $j(".category-mainbutton").click(function() {
        var id = "prompt";
        var prompt = $j("#" + id);
        //if($j(":animated").length == 0) // make sure there's no other movements
        //{
        if (!$j(this).hasClass("frameUrl") && $j(":animated").length == 0) {
            var rel = $j(this).attr("rel");
            var rid = $j(this).attr("rid");
            var cid = $j(this).attr("cid");

            // show popup option
            if (prompt.length == 0) // not created yet
            {
                $j("body").append("<div id=\"" + id + "\" class=\"find-product-prompt\" style=\"width:224px;height:134px;\"><h3 class=\"page-title\" style=\"margin:15px 5px 9px 12px;font-size:12px;\"></h3><a class=\"option-buttons frameUrl\">选择产品</a><a class=\"option-buttons product-list\" style=\"margin-top:10px;\">产品列表</a></div>");

                prompt = $j("#" + id); // reassign
                var bodyHt = $j("#containerBody").css("height").replace("px", "");
                var bodyWd = $j("#containerBody").css("width").replace("px", "");
                var pmptHt = prompt.css("height").replace("px", "");
                var pmptWd = prompt.css("width").replace("px", "");
                var left = $j("#containerBody").offset().left + Math.floor(bodyWd / 2 - pmptWd / 2);
                var top = $j("#containerBody").offset().top + Math.floor(bodyHt / 2 - pmptHt / 2);

                prompt.css({ left: left, top: top, "z-index": 1000 });

                // register event
                prompt.find(".frameUrl").click(function() {
                    FrameUrl($j(this));
                    prompt.fadeOut(150);

                    // google tracking
                    var rid = $j(this).attr("rid");
                    if (typeof (rid) != 'undefined') {
                        pageTracker._trackPageview("/solutionflashes/?type=1&rid=" + rid);
                    }
                });
            }

            if (typeof (rel) != 'undefined' && typeof (rid) != 'undefined') {
                var psLink = prompt.find(".frameUrl");
                psLink.attr("rel", rel);
                psLink.attr("rid", rid);
            }

            if (typeof (cid) != 'undefined') {
                var productList = prompt.find(".product-list");
                productList.attr("href", "/products/category/?cid=" + cid);
            }

            // change text
            prompt.find(".page-title").html("查找 " + $j(this).text());

            prompt.fadeIn(300);
        }
        else {
            if (prompt.length > 0 && prompt.css("display") != "none") {
                prompt.fadeOut(150);
            }
        }
        //}
    });

    //----------- product category page -----------
    // customized tooltip for resources
    $j("a.tooltip").hover(function() {
        var off = $j(this).offset();
        var popupId = $j(this).attr("popup");

        if (popupId != null && popupId.length > 0 && $j("#" + popupId).length > 0) {
            $j("div.popupToolTip").css({ 'position': 'absolute', 'left': off.left + "px", 'top': off.top + "px", 'z-index': '300' });
            $j("div.popupToolTip div.popupWrapper").css({ 'display': 'block' });
            $j("#" + popupId).css({ 'display': 'block' });
        }

    }, function() {
        var popupId = $j(this).attr("popup");
        $j("div.popupToolTip div.popupWrapper").css({ 'display': 'none' });
        $j("#" + popupId).css({ 'display': 'none' });
    });

    /*$j("a.tooltip").mouseenter(function()
    {
    var off = $j(this).offset();
    var popupId = $j(this).attr("popup");
	   
    if(popupId != null && popupId.length > 0 && $j("#" + popupId).length > 0)
    {
    $j("div.popupToolTip").css({'position':'absolute','left': off.left + "px",'top': off.top + "px",'z-index':'300'});
    $j("div.popupToolTip div.popupWrapper").css({'display':'block'});
    $j("#" + popupId).css({'display':'block'});
    }

	}).mouseleave(function()
    {
    var popupId = $j(this).attr("popup");
    $j("div.popupToolTip div.popupWrapper").css({'display':'none'});
    $j("#" + popupId).css({'display':'none'});
    });*/

    // illustration transition from bw to color   
    $j("#illustSwapZone").hover(function() {

    }, function() {
        $j(this).data("position", "out");
        var illust = $j("#sec_illustration");
        if (illust.length > 0) {
            illust.fadeIn(600);
        }
    }).mousemove(function(e) {
        var illust = $j("#sec_illustration");
        $j(this).data("position", "in");
        var position = $j(this).data("position");

        //alert(positoin);
        if (illust.length > 0) {
            setTimeout(function() {
                // if timein value is the same, means user has stayed
                // in the zone for at least .8 sec
                var currentPos = $j(this).data("position");
                if (position == currentPos && illust.is(":not(:animated)") && illust.css("display") != 'none') {
                    illust.fadeOut(600);
                }
            } .bind(this), 700);
        }
    });

    // mini d-link tv switch
    $j("a.categoryTVlink").click(function() {
        var tvId = $j(this).attr("rel");
        var tvplayer = $j("#tvplayerWrapper");

        // change the link of "view in full size" on top
        var swapFullSizeID = function() {
            var viewInFull = tvplayer.find("#fullSizeTv");
            if (viewInFull.length > 0) {
                var url = viewInFull.attr("rel");
                viewInFull.attr("href", url + tvId);
            }
        };

        // not playing, sohw tv
        if (tvplayer.css("display") == "none") {
            $j(this).addClass("clicked");
            DLinkTV.updateMovieSrcLink(tvId, "tvplayer");
            swapFullSizeID();
            tvplayer.show(500);
        }
        else // playing
        {
            // clicking on the same one that's playing
            if ($j(this).hasClass("clicked")) {
                $j(this).removeClass("clicked");
                DLinkTV.defaultToIntro("tvplayer");
                tvplayer.hide(500);
            }
            else // clicking on a different episode
            {
                $j("a.categoryTVlink").removeClass("clicked");
                $j(this).addClass("clicked");
                swapFullSizeID();
                DLinkTV.updateMovieSrcLink(tvId, "tvplayer");
            }
        }
    });

    //----------- solution page -----------
    // search "go" click
    $j("a[rel='solution_go']").click(function() {
        var zip = $j("div.province-selection-text").html();

        if (zip.length == 0 || zip == 'Please pick a province') {
            alert("Please pick a province");
            return false;
        }
    });

    // search box, press enter 
    $j("input[rel='solution_zip']").keydown(function(event) {
        if (event.keyCode == 13) {
            $j("a[rel='solution_go']").focus();
        }
    });

    //----------- press inquiry page -----------
    $j("a.pi-item").click(function() {
        var html = $j(this).html();
        $j("#prContentHeader").html(html);

        // update comment header text
        var cmtHeader = $j(this).attr("cmtText");
        $j("#prCmtText").html(cmtHeader);

        // update pr type
        $j("#templateRightContent").next("input[type='hidden']").val(html);
    });

    //----------- all forms client check -----------
    function FormInputEmptyCheck(formid, rel, fieldname) {
        // textbox or textarea
        var ctrl = $j("#" + formid + " *[rel='" + rel + "']");

        if (ctrl.length > 0) {
            var val = ctrl.val();

            if (typeof (val) == 'undefined' || val.length == 0) // input box
            {
                alert("请填写" + fieldname);
                return false;
            }
        }

        return true;
    }

    function FormCheckBoxCheck(formid, rel, msg) {
        var ctrl = $j("#" + formid + " input[rel='" + rel + "']");
        var checked = ctrl.attr("checked");

        if (!checked) {
            alert(msg);
            return false;
        }

        return true;
    }

    // form on /products/ip-surveillance/free-site-survey/
    $j("*.free-site-survey-submit").click(function() {
        return (FormInputEmptyCheck("siteSurvey", "fn", "姓名") &&
              FormInputEmptyCheck("siteSurvey", "ln", "姓名") &&
              FormInputEmptyCheck("siteSurvey", "company", "公司") &&
              FormInputEmptyCheck("siteSurvey", "title", "职位") &&
              FormInputEmptyCheck("siteSurvey", "email", "email") &&
              FormInputEmptyCheck("siteSurvey", "phone", "电话") &&
              FormInputEmptyCheck("siteSurvey", "address", "地址") &&
              FormInputEmptyCheck("siteSurvey", "city", "城市") &&
              FormInputEmptyCheck("siteSurvey", "state", "省份") &&
              FormInputEmptyCheck("siteSurvey", "zip", "邮政编码"));
    });

    // form on /business/test-drive/
    $j("*.test-drive-submit").click(function() {
        return (FormInputEmptyCheck("testDriveForm", "companyname", "company name") &&
              FormInputEmptyCheck("testDriveForm", "name", "name") &&
              FormInputEmptyCheck("testDriveForm", "resellername", "reseller name") &&
              FormInputEmptyCheck("testDriveForm", "companyaddress", "company address") &&
              FormInputEmptyCheck("testDriveForm", "title", "job title") &&
              FormInputEmptyCheck("testDriveForm", "city", "city") &&
              FormInputEmptyCheck("testDriveForm", "state", "state") &&
              FormInputEmptyCheck("testDriveForm", "zip", "zip") &&
              FormInputEmptyCheck("testDriveForm", "companyweb", "company web") &&
              FormInputEmptyCheck("testDriveForm", "companyemail", "company email") &&
              FormInputEmptyCheck("testDriveForm", "companyPhone", "company phone number"));
    });

    // form on /government-education/try-before-you-buy/
    $j("*.try-before-you-buy-submit").click(function() {
        var inputFormName = "trybeforeyoubuyform";
        return (FormInputEmptyCheck(inputFormName, "companyname", "Agency name") &&
              FormInputEmptyCheck(inputFormName, "companyaddress", "Agnecy address") &&
              FormInputEmptyCheck(inputFormName, "name", "your name") &&
              FormInputEmptyCheck(inputFormName, "title", "job title") &&
              FormInputEmptyCheck(inputFormName, "city", "city") &&
              FormInputEmptyCheck(inputFormName, "state", "state") &&
              FormInputEmptyCheck(inputFormName, "zip", "zip") &&
              FormInputEmptyCheck(inputFormName, "email", "email") &&
              FormInputEmptyCheck(inputFormName, "phone", "phone number"));
    });

    // form on /contactus/feedback/ 
    $j("*.feedback-submit").click(function() {
    //return (FormInputEmptyCheck("feedBackForm", "email", "email") && FormInputEmptyCheck("feedBackForm", "topic", "主题"));
     
        if ($j("input[rel='phone']").val() == "") {
           alert("请填写联系电话。");
           $j("input[rel='phone']").focus();
          return false;
    }
      else if (!CheckEmail($j("input[rel='email']"))) {
          return false;
       }
       else if ($j("input[rel='topic']").val() == "") {
           alert("请填写主题。");
           $j("input[rel='topic']").focus();
          return false;
    }
     else if ($j("textarea[rel='feedback']").val() == "") {
           alert("请填写内容。");
           $j("textarea[rel='feedback']").focus();
          return false;
    }

    return true;
    });

    // form on /business/government-education/contact/
    $j("*.govEd-contact-submit").click(function() {
        return (FormInputEmptyCheck("govedContactForm", "fn", "first name") &&
             FormInputEmptyCheck("govedContactForm", "ln", "last name") &&
             FormInputEmptyCheck("govedContactForm", "agency", "agency/school name") &&
             FormInputEmptyCheck("govedContactForm", "email", "email") &&
             FormInputEmptyCheck("govedContactForm", "phone", "phone number") &&
             FormInputEmptyCheck("govedContactForm", "address", "address") &&
             FormInputEmptyCheck("govedContactForm", "city", "city") &&
             FormInputEmptyCheck("govedContactForm", "state", "state") &&
             FormInputEmptyCheck("govedContactForm", "zip", "zip") &&
             FormInputEmptyCheck("govedContactForm", "country", "country"));
    });

    // form on /giveaway/monthly-giveaway
    $j("*.giveaway-submit").click(function() {
        if ($j("select[rel='state']").val() == "") {
            alert("Please select a state");
            return false;
        }

        if ($j("input[rel='email']").val().indexOf("@") == -1 ||
	      $j("input[rel='email']").val().indexOf(".") == -1) {
            alert("Please enter a valid email.");
            $j(this).focus();
            return false;
        }

        return (FormInputEmptyCheck("giveawayForm", "fn", "first name") &&
             FormInputEmptyCheck("giveawayForm", "ln", "last name") &&
             FormInputEmptyCheck("giveawayForm", "email", "email") &&
             FormInputEmptyCheck("giveawayForm", "zip", "zip") &&
             FormCheckBoxCheck("giveaways2ndForm", "terms", "You must agree to the D-Link's terms and conditions to sign up for D-News."));
    });

    // form on business/care-support-packages 
    $j("*.care-support-submit").click(function() {
        return (FormInputEmptyCheck("careSupportPkgForm", "fn", "first name") &&
             FormInputEmptyCheck("careSupportPkgForm", "ln", "last name") &&
             FormInputEmptyCheck("careSupportPkgForm", "email", "email") &&
             FormInputEmptyCheck("careSupportPkgForm", "company", "company name") &&
             FormInputEmptyCheck("careSupportPkgForm", "title", "job title") &&
             FormInputEmptyCheck("careSupportPkgForm", "phone", "phone number") &&
             FormInputEmptyCheck("careSupportPkgForm", "address", "address") &&
             FormInputEmptyCheck("careSupportPkgForm", "city", "city") &&
             FormInputEmptyCheck("careSupportPkgForm", "state", "state") &&
             FormInputEmptyCheck("careSupportPkgForm", "zip", "zip"));
    });

    // form on business/secure-link/warrantyform/
    $j("*.warranty-submit").click(function() {
        return (FormInputEmptyCheck("warrantyForm", "fn", "first name") &&
             FormInputEmptyCheck("warrantyForm", "ln", "last name") &&
             FormInputEmptyCheck("warrantyForm", "company", "company name") &&
             FormInputEmptyCheck("warrantyForm", "email", "email") &&
             FormInputEmptyCheck("warrantyForm", "phone", "phone number") &&
             FormInputEmptyCheck("warrantyForm", "address", "address") &&
             FormInputEmptyCheck("warrantyForm", "city", "city") &&
             FormInputEmptyCheck("warrantyForm", "state", "state") &&
             FormInputEmptyCheck("warrantyForm", "zip", "zip") &&
             FormInputEmptyCheck("warrantyForm", "date", "date of purchase") &&
             FormInputEmptyCheck("warrantyForm", "place", "place of purcharse") &&
             FormInputEmptyCheck("warrantyForm", "parts", "part number(s)") &&
             FormInputEmptyCheck("warrantyForm", "serial", "serial number(s)"));
    });

    //----------- /support/supportscope/ page ----------- 
    $j("*.dynamic-swap").click(function() {
        var rel = $j(this).attr("rel");

        $j("#" + rel).siblings("*[rel='swapContent']").slideUp(300, function() {
            $j("#" + rel).slideDown(500);
        });
    });

    //
});
/////////////////////////////////////////////////
// JQuery Section - predefined end
/////////////////////////////////////////////////

//////////////////////////////////////////////////
// Common Functions
//////////////////////////////////////////////////
function LoadSwappedIllust()
{
	$j(document).ready(function()
	{     
		var swapIllust = $j("#swappedIllust");
		var illust = $j("#sec_illustration");
		
		if(illust.length > 0 && swapIllust.length > 0)
		{
			var style = illust.attr("style");
			swapIllust.attr("style", style); // copy over the style
		  
			var bkImg = swapIllust.css("background-image");
			var indOfExt = bkImg.lastIndexOf(".");
			var path = bkImg.substring(0, indOfExt) + "_over" + bkImg.substring(indOfExt);
			swapIllust.css({"background-image" : path});
		}
   });
}

function EntrySelection()
{
   $j("body").append($j("#flashContainer"));
}

function GetDisplayObj()
{
   var display = {};
   $j(document).ready(function()
	{
		var btmBndId = "bottomBound";
		var rightBndId = "rightBound";

		$j("body").append("<div id=\"" + btmBndId + "\" style=\"height:1px;position:absolute;bottom:0px;width:1px\"><!-- comment --></div><div id=\"" + rightBndId + "\" style=\"width:1px;position:absolute;right:0px;height:1px;\"><!-- comment --></div>");
	   
		display.height = $j("#" + btmBndId).offset().top + 1;
		display.width = $j("#" + rightBndId).offset().left + 1;
   });
   return display;
}

function LoadOverlayBlock(id, idToAppend, width, height, positions, direction, speed)
{
   $j(document).ready(function()
	{
	    if(positions != null)
	    {
	       var pos = "";
	       var op = 0.33;
	       //var speed = 700;
	       if(speed == null)
	          speed = 700;
	       
	       if(positions.bottom != null)
	       {
	          pos += "bottom:" + positions.bottom + "px;";
	       }
	       
	       if(positions.top != null)
	       {
	          pos += "top:" + positions.top + "px;";
	       }
	       
	       if(positions.left != null)
	       {
	          pos += "left:" + positions.left + "px;";
	       }
	       
	       if(positions.right != null)
	       {
	          pos += "right:" + positions.right + "px;";
	       }
	       
	       if(idToAppend.indexOf("$") == -1) // $ not found, so it's a tag name, or else it's an id
	          idToAppend = "#" + idToAppend;
	       else
	          idToAppend = idToAppend.replace("$", "");

			 $j(idToAppend).append("<div id=\"" + id + "_shadow\" style=\"width:" + width + ";position:absolute;z-index:9999;height:" + height + "px;overflow:hidden;" + pos + "\"><div id=\"" + id + "\" style=\"position:relative;background-color:black;\"><!-- ie6 --></div></div>");
			 
			 if(direction != null )
			 {
				 if(direction == "up")
				 {
					 $j("#" + id).fadeTo(speed, op).css({height: height + "px",bottom:"-" + height + "px"}).animate({bottom:"0px"}, "slow");
				 }
				 else if(direction == "down")
				 {
				    $j("#" + id).fadeTo(speed, op).css({height: height + "px",top:"-" + height + "px"}).animate({top:"0px"}, "slow");
				 }
				 else if(direction == "right")
				 {
				    $j("#" + id).fadeTo(speed, op).css({height: height + "px",left:"-" + width}).animate({left:"0px"}, "slow");
				 }
				 else if(direction == "left")
				 {
				    $j("#" + id).fadeTo(speed, op).css({height: height + "px",right:"-" + width}).animate({right:"0px"}, "slow");
				 }
			 }
	    }
	});
}

function classSwitch(control, classToAdd, classToRemove)
{
   control = $(control);
   control.addClassName(classToAdd);
   control.removeClassName(classToRemove);
}

//////////////////////////////////////////////////
// Close HomePage Setting @ Default page
//////////////////////////////////////////////////

/*function closeHpSetter(click, pkg)
{
   var setter = $(click.parentNode.parentNode);
   classSwitch(setter, pkg.classOff, pkg.classOn);
}*/

// sync HP setter radio button selection & each Tab default check box
function syncCheck(value, pkg)
{
   cookieHPPair.each(function(pair)
   {
      if(pair.value == value)
      {
         $(pair.key).checked = true;
      }
   });
   
   setHPCookie(value, pkg);
}

function generateCommonFlash(id, url, width, height, params, flashvars, attributes, showAlternative)
{      
   if(showAlternative == null)
      showAlternative = false;

   if(params == null)
      params = {};

   /* common params */
   params.allowScriptAccess = "sameDomain";
   params.quality = "high";
   params.bgcolor = "#ffffff";
   params.wmode = "transparent";
   
   var exIntall = null;
   
   if(!showAlternative)
      exIntall = "/expressInstall.swf";
      
   if(url.substring(0,1) != '/' && url.indexOf('http') == -1)
      url = "/" + url;
   
  swfobject.embedSWF(url, id, width, height, "9.0.0", exIntall, flashvars, params, attributes);
}

//----------- D-Link TV Function -----------
/*
   DLinkTV variable contains functions and settings to play embedded D-Link TV
   - CreatMovie is called on page loading to creat the object
   - UpdateMovieSrcLink is called to change the src of the playing video
   - DefaultToIntro is called to switch the playing video to the Intro video
*/
var DLinkTV =
{
   player: null,
   vid: 0,
   settings: 
   {
      playerID: "www_dlinkTV",
      width: 400,
      height: 300,
      size: 1,
      tvContainerID: "tvContainer"
   },
   createMovie: function(containerId, width, height)
   {
 	   var flashvars = {};
      var attributes = {};
      var params = {};
      
      params.menu = "false";
      params.allowScriptAccess = "always";
      params.wmode = "transparent";
      
      /*
      swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)
      swfobject.getObjectById(objectIdStr) 
      */

 	   //swfobject.embedSWF("/player_www.swf?vid=", containerId, width, height, "8.0.0","/expressInstall.swf", flashvars, params, attributes); 	 
 	   generateCommonFlash(containerId, "/player_www.swf?vid=", width, height, params, flashvars, attributes);
   },
   updateMovieSrcLink: function(id, containerId)
   { 
      var player = $(containerId);
      if(player != null)
      {
         var timeout = 1000;
            
         if(player.tagName.toLowerCase() == 'object')
         {
            setTimeout(function()
            {
               if(player.playMovie)
               {
                  player.playMovie(id);
                  DLinkTV.vid = id;
               }
            }, timeout);
         }
      }
   },
   defaultToIntro: function(containerId)
   {
      if(DLinkTV.vid != 0)
      {
         this.updateMovieSrcLink(0, containerId);
      }
   }
};

//----------- D-Link Home Page Cookie Setting -----------
var cookieHPValues = {HHO:1, SMB:2, LB:3, GOV:4, NA:0};
var cookieHPPair = $H();

// cookie settings
var cookiePkg = 
{
   name: 'dlinkHPSetting',
   value: cookieHPValues.NA,
   expDays: 365,
   expires: 3600000 * 24 * this.expDays
};

function setHPCookie(value, pkg)
{
   if(value != null)
      pkg.value = value;
   
   var exDate = new Date();
   exDate.setDate(exDate.getDate() + pkg.expDays);
   
   if(cookieDomain.length > 0)
      cookieDomain = ";" + cookieDomain;
   
   document.cookie = "dlinkHPSetting" + "=" + escape(pkg.value) + cookieDomain + ";expires=" + exDate.toGMTString() + ";path=/";
}

function getHPCookie(cookieName)
{
   if (document.cookie.length>0)
   {
      var start = document.cookie.indexOf(cookieName + "=");
      if (start!=-1)
      { 
         start = start + cookieName.length+1; 
         end = document.cookie.indexOf(";", start);
         if (end==-1) end=document.cookie.length;
            return unescape(document.cookie.substring(start,end));
      } 
   }
   return "";
}

//called when the check box on each tab is clicked, and
//set the cookie; if unchecked, set HHO as Default
function checkHP(control, value, pkg)
{
   if(control != null && pkg != null)
   {
      if(value == null)
         value = cookieHPValues.NA;
         
      if(control.checked)
      {
         setHPCookie(value, pkg);
         
         // uncheck all other options
         cookieHPPair.each(function(pair)
         {
            var ctrl = $(pair.key);
            if(ctrl.id != control.id)
            {
               ctrl.checked = false;
            }
         }.bind(this));
      }
      else
      {
         setHPCookie(cookieHPValues.NA, pkg);
      }
   }
}

//----------- Image Scroller ----------
var scroller = 
{
   scroll: function(direction,pkg,booster)
   {
      var thisPkg = pkg;
      if(thisPkg == null || direction == null)
         return;
         
      if(booster == null)
         booster = 1;   
         
       if(direction == "left")
       {
           this.clearScroll(thisPkg);
           if(thisPkg.imageCount > thisPkg.imageToShow)
           {
              this.scrollLeft(thisPkg, booster);
           }
       }
       else
       {
           this.clearScroll(thisPkg);
           if(thisPkg.imageCount > thisPkg.imageToShow)
           {
              this.scrollRight(thisPkg, booster);
           }
       }
   },
   scrollLeft: function(pkg, booster) // should be on the right arrow
   {
      var thisPkg = pkg;
      if(thisPkg == null)
         return;
         
      var currentPosition = Number($(thisPkg.thumbnailWrapper).getStyle("left").replace("px","")) - (thisPkg.scrollSpeed*booster);
      var positionInPixel = currentPosition + "px"; 

      if(currentPosition >= thisPkg.leftBnd)
      {
         $(thisPkg.thumbnailWrapper).setStyle({left: positionInPixel});

         if(thisPkg.scrollInterval == null)
         {
            thisPkg.scrollInterval = setInterval(function(){this.scrollLeft(thisPkg, booster);}.bind(this), 10);
         }
      }
      else
      {
         var leftEnd = thisPkg.leftBnd + "px";
         $(thisPkg.thumbnailWrapper).setStyle({left: leftEnd});
         clearInterval(thisPkg.scrollInterval);
         thisPkg.scrollInterval = null;
      }   
   },
   scrollRight: function(pkg, booster)
   {
      if(pkg == null)
         return;
         
      var currentPosition = Number($(pkg.thumbnailWrapper).getStyle("left").replace("px","")) + (pkg.scrollSpeed*booster);
      var positionInPixel = currentPosition + "px"; 

      if(currentPosition < pkg.rightBnd)
      {
         $(pkg.thumbnailWrapper).setStyle({left: positionInPixel});

         if(pkg.scrollInterval == null)
         {
            pkg.scrollInterval = setInterval(function(){this.scrollRight(pkg, booster);}.bind(this), 10);
         }
      }
      else
      {
         var rightEnd = pkg.rightBnd + "px";
         $(pkg.thumbnailWrapper).setStyle({left: rightEnd});
         clearInterval(pkg.scrollInterval);
         pkg.scrollInterval = null;
      }   
   },
   clearScroll: function(pkg)
   {
      clearInterval(pkg.scrollInterval);
      pkg.scrollInterval = null;
   }
};

//----------- Product Page Quote Rotator ----------
function rotate(pkg)
{
     var control = $(pkg.control);
     var rotationText = pkg.rotationText;
     
     if(control.getStyle("opacity") != 0)
     {
        control.setStyle({opacity:0, filter:"alpha(opacity=0)"});
     }
      
     if(Object.isUndefined(control.rotateIndex))
     {
        control.rotateIndex = 0;
        var displayText = rotationText[control.rotateIndex];
        control.innerHTML = displayText;
     }
     
     control.opCount = 0;
     
     control.opInterval = setInterval(function()
     {
        control.opCount = control.opCount + 1;
           
        var nowOp = control.opCount/10;
        var nowFilter = control.opCount*10;
        nowFilter = "alpha(opacity=" + nowFilter.toString() + ")";
        
        if(nowOp > 1)
        {
             clearInterval(control.opInterval);
             control.opCount = 10;
             
             setTimeout(function()
             {  
                control.opInterval = setInterval(function()
                {
                   control.opCount = control.opCount - 1;
                   
                   var nowOp = control.opCount/10;
                   var nowFilter = control.opCount*10;
                    
                   nowFilter = "alpha(opacity=" + nowFilter.toString() + ")";
                   
                   if(nowOp < 0)
                   {
                        clearInterval(control.opInterval);
                   
                        control.rotateIndex = control.rotateIndex + 1;
                        
                        if(control.rotateIndex >= rotationText.length)
                           control.rotateIndex = 0;
                           
                        var displayText = rotationText[control.rotateIndex];
                        control.innerHTML = displayText;
                           
                        rotate(pkg);
                   }
                   else
                   {
                      control.setStyle({opacity:nowOp, filter:nowFilter});
                   }
                   
                }, 100);
             
                
             }, 
             pkg.timeout);
        }
        else
        {
           control.setStyle({opacity:nowOp, filter:nowFilter});
        }
     }.bind(this), 150);
}

//////////////////////////////////////////////////
//  Search Box Ajax functions
//////////////////////////////////////////////////
function GetSearchResult(term, resultBoxId, searchMethod)
{
  var target = $(resultBoxId);
  
  if(term.length > 1)
  {
	  Dlink_New_Site.WS.MasterProcesses.Search(term, searchMethod,
	  function(result) // succeeded
	  {
		  target.innerHTML = result; 
		  target.scrollTop = 0;
	         
		  if(!target.hasClassName('on') && result.length > 0)
		  {
			  classSwitch(target, 'on', 'off');
		  }
		  else if(result.length == 0)
		  {
			  classSwitch(target, 'off', 'on');			  
		  }                              
	  }.bind(this));
  }
}

function searchboxStateChange(searchBox, resultBoxId, searchMethod)
{
   searchBox = $(searchBox);
   if(searchBox.beforeValue != null)
   {
      if(searchBox.beforeValue == searchBox.value)
         return;
   }
   
   var currentDate = new Date();
   var currentTime = currentDate.getTime();
   var interval = 0;
   
   if(typeof(searchBox.lastTime) != 'undefined' && searchBox.lastTime != null)
   {
      interval = Math.ceil(currentTime-searchBox.lastTime);
   }
   else
   {
      searchBox.lastTime = currentTime;
   }
   
	var resultBox = $(resultBoxId);
	if(searchBox.value.length < 2)
	{    
		if(!resultBox.hasClassName('off'))  
			classSwitch(resultBox, 'off', 'on');
		resultBox.innerHtml = '';
	}
	else // if there are more than 1 char
	{
	   // if the value stays the same after 1 sec, get result or
		// if the interval between each char typed is >= 1 sec
	   if(interval >= 1000)
	   {
	      GetSearchResult(searchBox.value, resultBoxId, searchMethod);
		   searchBox.lastTime = currentDate.getTime();
	   }
	   else
	   {
	      // get search term before time out
	      var currentVal = searchBox.value;
	      setTimeout(function()
			{
			   // compare terms between 1 sec timeout, if the same,
			   // means it's stopped for at least 1 sec
				if(currentVal == searchBox.value)
				{
					GetSearchResult(searchBox.value, resultBoxId, searchMethod);
					searchBox.lastTime = currentDate.getTime();
				}
			}.bind(this), 1000);
	   }
	}
}

// change search result item state on the list when mouse is hovered over
function searchMouseHover(searchItem)
{
   searchItem = $(searchItem);
   searchItem.siblings().each(function(sibling)
   {   
      $(sibling).removeClassName('selected');
   });
   searchItem.addClassName('selected');
}

// check if the user key in numbers
function isNumberKey(evt)
{
   var charCode = (evt.which) ? evt.which : event.keyCode
   if (charCode > 31 && (charCode < 48 || charCode > 57))
      return false;

   return true;
}

// make dynamic data be able to perform actions
function FrameUrl(element)
{
   $j(document).ready(function()
   { 
      var url = $j(element).attr("rel");
      
      // kb tracking for search box
      if($j(element).hasClass("support-read"))
      {
         if(typeof(url) != 'undefined' && url.length > 0)
         {
            pageTracker._trackPageview(url);
         }
      }
      
		ContentOverlay.ShowProductSelector(url);
		return false;
   });
}

function LoadProductInterruption(url)
{
   if(swfobject.hasFlashPlayerVersion("9.0.0"))
   {
		$j(document).ready(function()
		{
			var productContentBody = $j("div.generalContentBody");
			if(productContentBody.length > 0)
			{
				var contentBody = $j("#contentBody");
	         
				if(contentBody.length > 0)
				{
					contentBody.prepend("<div id=\"productInterruption\"><div id=\"interruptionContent\"></div><div style=\"position:absolute;right:0px;top:0px;z-index:10;\"><a onclick=\"CloseProductInterruption('div.generalContentBody', '#productInterruption');\" href=\"javascript:void(0);\">Proceed to product information >></a></div></div>");
					var interruption = $j("#productInterruption");
					if(interruption.length > 0)
					{
						interruption.css({width:"930px",height:"410px",border:"solid 0px black",position:"absolute",left:"10px",display:"none","padding-top":"15px"});
						generateCommonFlash("interruptionContent", "http://www.dlink.com.cn/UploadImage/new/products/dir-685/interruptad.swf", 930, 412, null, null);
					}
					
					interruption.fadeIn(500);	                  
				}
			}
		});
   }
}

function CloseProductInterruption(productContentBodyId, interruptContentId)
{
   var productBody = $j(productContentBodyId);
   var interrputContent = $j(interruptContentId);
   
   interrputContent.fadeOut(500,function()
   {
      $j("#contentBody").remove("#productInterruption");
      productBody.fadeIn(500);
   });
}

///////////////////////////////////////////////////////////
/// dlinkshop json call for product
///////////////////////////////////////////////////////////
function AsyncLoadShop(url)
{
   $j(document).ready(function()
   {
       $j.getScript(url,null,function(data)
       {
          $j("#contentBody").append("<script type=\"text/javascript\">" + data + "<//script>");
       });
   });
}
function DlinkShopProduct(result)
{
   var inStock = result.stockStatus;
   var buyLink = result.buyLink;
   var buyHref = null;
   var shortDesc = result.shortDescription;
   var price = result.price;
   var unitPrice = null;
   var pid = result.productID;
   
   if(typeof(buyLink) != 'undefined') // found
   {
      //buyHref = buyLink.href;
      buyHref = "http://www.dlinkshop.com/store/dlink/en_US/buy&productID=" + pid;
   }
   
   if(typeof(price) != 'undefined')
   {
      unitPrice = price.unitPrice;
   }
   
   // in stock or backorder
   inStock = true;
   
   var product = {price:unitPrice,href:buyHref,instock:inStock};
   return product;
}
function OnRegularPriceSucceed(result)
{
   var product = DlinkShopProduct(result);
   
   if(product.instock)
   {
      SetDlinkShopPrice(product);
   }
}
function OnRefurbPriceSucceed(result)
{
   var product = DlinkShopProduct(result);
   
   if(product.instock)
   {
      SetDlinkShopRefurbPrice(product);
   }
}
function SetDlinkShopPrice(product)
{
   $j(document).ready(function()
   {
		try
		{
		   var price = product.price;
		   var buylink = product.href;
		   $j("#resource2").prepend("<a id=\"addToCart\" class=\"btm-resource\" href=\"" + buylink + "\" target=\"_blank\"><span class=\"regular-price\" style=\"line-height:normal;\">" + price + "</span><br/>Add to Cart</a>");
		}
		catch(e) {}
   });
}
function SetDlinkShopRefurbPrice(product)
{
   $j(document).ready(function()
   {
      try
		{
			var price = product.price;
			var buylink = product.href;
			$j("#addToCart").after("<a class=\"extra-link\" href=\"" + buylink + "\" target=\"_blank\"><span class=\"refurb-price\">" + price + "</span><br/>Refurbished</a>");
		}
		catch(e) {}
   });
}

// show pref page options
function ShowHpPreferenceOptions()
{
	$j(document).ready(function()
   {
      var containerHt = $j("#containerBody").height();
      var containerWd = $j("#containerBody").width();
      var topNavHt = $j("#defaultTopNavWrapper").css("height");
      
      if($j("#entry-overlay-body,#entry-overlay-content").length == 0)
      {
         // 2 layers
      
			$j("#mainHome").append("<div id=\"entry-overlay-body\"></div>");
			$j("body").append("<div id=\"entry-overlay-content\"></div>");
			$j("#header").css({"z-index":274});
			
			$j("#entry-overlay-content,#entry-overlay-body").css({position:"absolute","z-index":274,top:0,left:0,height:"100%",width:"100%",display:"none","background-color":"white"}).fadeTo(10, 0.33, function()
			{
				$j(this).fadeIn("slow",function()
				{
					var panel = $j("#hpSetting");
					var pWd = panel.width();
					var pHt = panel.height();
					var mLeft = Math.ceil(containerWd/2 - pWd/2);
					var mTop = Math.ceil(containerHt/2 - pHt/2);
	            
					$j("#hpSetting").css({margin:mTop + "px 0px 0px " + mLeft + "px"}).fadeIn(600);
				});
			});      
      }
      else
      {
         $j("#entry-overlay-body,#entry-overlay-content").fadeIn("slow", function()
         {
            $j("#hpSetting").fadeIn(600);
         });
      }
      return false;
   });
}

// make search result list accessible from keyboard with up & down & enter
function keyboardDown(e, resultId)
{
   var keynum;
   var result = $(resultId);
   var isSelected = false;
   var resultList = result.down(0); // ul
   var tb = Event.element(e);
   
   if(result == null)
      return;

   // get keycode for different browser
   if(window.event) // IE
   {
      keynum = e.keyCode;
   }
   else if(e.which) // Netscape/Firefox/Opera
   {
      keynum = e.which;
   }
   
   
   if(keynum == 40 && result != null && result.hasClassName('on')) // key arrow down
   { 
      resultList.childElements().each(function(element, index)
      {
         if($(element).hasClassName('selected'))
         {				    
            if(index < resultList.childElements().length - 1)
            {
               $(element).removeClassName('selected');
               $(element).next(0).addClassName('selected');               
            }
            
            result.scrollTop = result.scrollTop + 16;
            
            isSelected = true;
            throw $break;
         }
      });
      
      if(!isSelected)
         resultList.down(0).addClassName('selected');
   }
   else if(keynum == 38 && result != null && result.hasClassName('on')) // key arrow up
   {
      resultList.childElements().each(function(element, index)
      {
         if($(element).hasClassName('selected'))
         {
            if(index > 0)
            {
               $(element).removeClassName('selected');
               $(element).previous(0).addClassName('selected');
            }
            else
            {
               $(element).removeClassName('selected');
            }
            
            if(result.scrollTop >= 16)
            {
               result.scrollTop = result.scrollTop - 16;
            }
            else if(result.scrollTop > 0 && result.scrollTop < 16)
            {
               result.scrollTop = 0;
            }
            
            isSelected = true;
            throw $break;
         }
      });
      
      if(!isSelected)
         resultList.up(0).addClassName('selected');
   }
}
//////////////////////////////////////////////////
//  Product Selector functions
//////////////////////////////////////////////////
var ContentOverlay =
{
   overlaySection: "#contentOverlaySection",
   Open: function() 
   {
      $j(this.overlaySection).show(500, function()
      {
         var illustration = $j("div.categoryIllustration");
         
         if(illustration.length > 0 && typeof(illustration.css("background")) != 'undefined')
            illustration.hide();
      });
   },
   Close: function() 
   {
      var overlaySec = this.overlaySection;
      var illustration = $j("div.categoryIllustration");
      if(illustration.length > 0 && illustration.css("display") != 'block')
      {
         illustration.show(10, function()
         {
            $j(overlaySec).hide(500);
         });
      }
      else
      {
         $j(overlaySec).hide(500);
      }

      // make frame url empty
      this.ShowProductSelector(null);
   },
   HideSiblings: function(sectionId)
   {
      var sec = $j("#" + sectionId);
      sec.siblings(":not(a)").hide();
      sec.show();
   },
   ShowProductSelector: function(url)
   {
      if(url != null && url.length > 0)
      {
         this.Open();
      }
      
      if(url == null)
         url = '';
         
      if($j("#productSelectorSection").length > 0)
      {
			this.HideSiblings("productSelectorSection");
			$j("#productSelectorFrame").attr("src", url);
      }
   },
   ShowProductFAQ: function(sectionId, faqId)
   {
      if($j("#" + faqId).length > 0)
      {
         this.Open();
         this.HideSiblings(sectionId);
         this.HideSiblings(faqId);
         $j("#" + faqId).slideDown(300);
      }
   },
   ShowGeneralSection: function(sectionId)
   {
      this.Open();
      this.HideSiblings(sectionId);
   }
};

//----------- pop up for retailer map ----------
function popup(width,height,url,name)
{
   window.open(url,name,"width=" + width + ",height=" + height + ",toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1");
}

function mapPopup(url)
{
   popup(900,520,url,"Map");
}

//======================= support page pop up 
// no delay
function doPopup(url) 
{
   url = "/support/" + url;
   popup(300,300,url,"DlinkReg");
}

// don't put the whole path, just the value, e.g. pid
function valueUrlEncode(url)
{
   var reserved = new Array("$", "&", "+", ",", "/", ":", ";", "=", "?", "@");
   var coded = new Array("%24", "%26", "%2b", "%2c", "%2f", "%3a", "%3b", "%3d", "%3f", "%40");
   
   for(var i = 0; i < reserved.length; i++)
   {
      url = url.replace(reserved[i], coded[i]);
   }
   return unescape(url);
}

function CheckEmail(email) {
    if (email.val().length == 0) {
        alert("请填写Email。");
        email.focus();
        return false;
    }

    if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email.val())) {
        return true;
    }
    else {
        alert("Email格式有误。");
        email.focus();
        return false;
    }
}

// End DLink.js
//////////////////////////////////////////////////
// -->