﻿var Shop_Lobby = function() {
    var currVPage = 1;
    var totalVPages;
    var scrollerVSize;
    var scrollVFX;
    var scrollVAmount;

    var currHPage = 1;
    var totalHPages;
    var scrollerHSize;
    var scrollHFX;
    var scrollHAmount;

    function init() {
        initCategoriesDropDown();
        initShopsHorizontalScroller();
        initShopsVerticalScroller();
        if ($E(".shopsHolder")) {
            if (!makeScrollbar($('shops-scrollable'), $('scrollbar-ver'), $('scrollbar-handle')))
                $E(".shops-scroller").dispose();
        }
        Site._setBlockRoundCorners();
      
    }

    $domready(init);


    function initCategoriesDropDown() {
        var currCat = $("currentSubCategory");
        if (!currCat)
            return;
        var currCatOpenBut = currCat.getElement(".select-button");
        var subCat = $("subCategories");
        var theRight = 128; //$("main-category").getStyle("width").toInt()+55;

        if (Site.Direction == "ltr") {
            currCat.setStyle("left", theRight);
            subCat.setStyle("left", theRight);
        }
        else {
            currCat.setStyle("right", theRight);
            subCat.setStyle("right", theRight);
        }

        currCat.addEvent('click', function() { $("subCategories").fade("in"); });
        //currCat.addEvent('mouseout',function(){$("subCategories").fade("out");});
        currCatOpenBut.addEvent('click', function() { $("subCategories").fade("out"); });
        subCat.addEvent('mouseover', function() { $("subCategories").fade("in"); });
        subCat.addEvent('mouseout', function() { $("subCategories").fade("out"); });

    }

    function initShopsHorizontalScroller() {
        var theList = $("shops-list-h");
        if (!theList)
            return;
        var nextHbut = $("go-next-h");
        var prevHbut = $("go-prev-h");
        totalHPages = theList.getElements(".shop-slide").length / 3;
        scrollerHSize = theList.getStyle("height").toInt();
        scrollHFX = new Fx.Scroll(theList);

        prevHbut.addEvent('click', function() {
            if (currHPage > 1) {
                currHPage--;
                scrollHAmount = currHPage * scrollerHSize;
                scrollHFX.set(100, scrollHAmount - scrollerHSize);
            }
            setHButtons(nextHbut, prevHbut);
        });
        if (totalHPages > 1) { nextHbut.fade("in"); }
        nextHbut.addEvent('click', function() {
            if (currHPage < totalHPages) {
                scrollHAmount = currHPage * scrollerHSize;
                scrollHFX.set(100, scrollHAmount);
                currHPage++;
            }
            setHButtons(nextHbut, prevHbut);
        });

    }
    function setHButtons(nextHbut, prevHbut) {
        if (currHPage == 1) { prevHbut.fade("out"); } //on first page hide prev
        else { prevHbut.fade("in"); }
        if (totalHPages <= currHPage) { nextHbut.fade("out"); } //on last page hide next
        else { nextHbut.fade("in"); }
    }
    function initShopsVerticalScroller() {
        var theList = $("shops-list-v");
        if (!theList)
            return;
        var nextVbut = $("go-next-v");
        var prevVbut = $("go-prev-v");
        totalVPages = theList.getElements(".qslide").length / 12;
        scrollerVSize = theList.getStyle("height").toInt();
        scrollVFX = new Fx.Scroll(theList, { wait: false, duration: 2000 });

        prevVbut.addEvent('click', function() {
            if (currVPage > 1) {
                currVPage--;
                scrollVAmount = currVPage * scrollerVSize;
                scrollVFX.start(0, scrollVAmount - scrollerVSize);
            }
            setVButtons(nextVbut, prevVbut);
        });
        if (totalVPages > 1) { nextVbut.fade("in"); }
        nextVbut.addEvent('click', function() {
            if (currVPage < totalVPages) {
                scrollVAmount = currVPage * scrollerVSize;
                scrollVFX.start(0, scrollVAmount);
                currVPage++;
            }
            setVButtons(nextVbut, prevVbut);
        });
    }

    function setVButtons(nextVbut, prevVbut) {
        if (currVPage == 1) { prevVbut.fade("out"); } //on first page hide prev
        else { prevVbut.fade("in"); }
        if (totalVPages <= currVPage) { nextVbut.fade("out"); } //on last page hide next
        else { nextVbut.fade("in"); }
    }

} ();