var eventVideoObj;
var Site = {
    events_arr: null,
    currNextEvent: null,
    countNextEvents: null,
    CuponLB: null,
    Direction: null,
    CultureCode: null,
    PrintWindow: null,
    autoPlayGallery: true,
    GalleryTimer: null,
    currentGalleryImage: 0,
    currentGalleryId: 1,
    init: function() {
        Site.CuponLB = new Lightbox($("cupon"), { 'opacity': 0.2 });
        new Element("div").inject(document.body).set({ id: 'printWrap' });
        Site._setMallsList();

        if ($("homepage")) Site.InitSearch($("search").getElement(".block-content"), "png");
        else Site.InitSearch($("pageTitle"), "gif");
        Site._initVideoLinks();
        //Site._initAjaxLinks();
    },

    //-----------------------------------------------
    //---init the search box in each page of the site
    //-----------------------------------------------
    InitSearch: function(wrapper, src) {
        if (wrapper) {
            var imagesDir = Config.siteUrl + 'images/buttons/';
            if (Site.Direction == "ltr") imagesDir += "ltr/";

            wrapper.adopt($("search-wrapper"));
            var searchTxt = $("searchText");
            var errorTxt = "נא להזין מילת חיפוש";

            var searchButton = $("searchButton");
            searchButton.src = imagesDir + "go." + src;
            searchButton.addEvent('click', function() {
                if (searchTxt.value != "") { Site.doSearch(searchTxt.value); }
                else { alert(errorTxt); } //TODORES
            });
            searchTxt.addEvent('keydown', function(event) {
                if (event.key == 'enter') {
                    if (searchTxt.value != "") { Site.doSearch(searchTxt.value); }
                    else { alert(errorTxt); } //TODORES
                }
            });


            if (!$("homepage")) {
                searchTxt.addEvent("blur", function(e) {
                    if (searchTxt.get('value') == "")
                        searchTxt.set('value', $E("#search-wrapper .title").get('text'));
                });
                searchTxt.addEvent("focus", function(e) {
                    if (searchTxt.get('value') == $E("#search-wrapper .title").get('text'))
                        searchTxt.set('value', "");
                });
                searchTxt.set('value', $E("#search-wrapper .title").get('text'));
            };

        }


    },
    doSearch: function(keyWord) {
        var searchPageUrl = Site.MallUrl + "search-results";
        var searchType = "";
        $$("input[name=searchType]").each(function(el, idx) {
            if (el.checked)
                searchType = el.get('value');
        });
        if (searchType == "Shops")
            location.href = searchPageUrl + "?" + keyWord;
        else {
            var mibemallId = $("MibemallId").get('value');
            location.href = "http://www.mibemall.co.il/SearchWithStorePanel.aspx?mallID=" + mibemallId + "&phrase=" + keyWord;
        }
    },
    _initVideoLinks: function() {
        var videoPlayerCountr = 0;
        $$(".video-player").each(function(el) {
            var elementId = 'video-wrapper' + (videoPlayerCountr++);
            new Element('div', { 'id': elementId }).wraps(el);


            var eventVideoObj = new Swiff(Config.siteUrl + 'Images/flash/player.swf?file=' + el.get('href'), {
                width: 236,
                height: 208,
                id: 'EventVideoPlayer',
                params: {
                    allowFullScreen: "true",
                    allowScriptAccess: "always",
                    bgcolor: "#000000",
                    wMode: "transparent"
                },
                container: $(elementId)
            });

        });
    },
    _initAjaxLinks: function() {
        $$("a").addEvent("click", function(e) {
            if (this.retrieve("ajax-initialized")) return;
            this.store("ajax-initialized", true);
            e.stop();
            var ajaxUrl = this.get("href");
            ajaxUrl += (ajaxUrl.contains("?") ? "&" : "?") + "IsAjaxCall=true";
            new Request({
                url: ajaxUrl,
                method: "get",
                evalResponse: true,
                onComplete: function(source) {
                    source = source
						.replace(/[\s\S]*<body>/, "")
						.replace(/<\/body>|<\/html>/g, "")
						.trim();
                    $("mall-content").setHTML(source);
                    Site._setMallBackground();
                    Site._setBlockRoundCorners();
                    Site._initAjaxLinks();
                }
            }).send();
        });
    },

    //-----------------------------------------------
    //---open shop cupon
    //-----------------------------------------------
    OpenCupon: function(imgPath) {
        if (imgPath != "") {
            $("cupon-img").src = imgPath;

            Site.CuponLB.show();

            var imgPrint = new Element('img', {
                'src': imgPath
            });
            $("printWrap").empty();
            $("printWrap").adopt(imgPrint);
        }
    },
    PrintCupon: function(couponImage) {
        if (couponImage) {
            var imgPrint = new Element('img', {
                'src': couponImage
            });
            $("printWrap").empty();
            $("printWrap").adopt(imgPrint);
        }
        var IE6 = (navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) && (navigator.userAgent.toLowerCase().indexOf('msie 7') == -1);
        if (!IE6)
            window.print();
        else {
            var theImage = $("printWrap").getElement("img").get("src");
            Site.PrintWindow = window.open("/handlers/printcoupon.ashx?file=" + theImage, "Coupon", '');
        }

    },
    go_to: function(url) {
        location.href = url;
    },

    _showPrevEventImg: function(ind) {
        $("PicturesList").getElements("li").each(function(el, index) {
            if (index == ind) { el.setStyle("visibility", "visible"); $("Paging").getElements("a")[index].addClass("on"); }
            else { el.setStyle("visibility", "hidden"); $("Paging").getElements("a")[index].removeClass("on"); }

        });
        currentGalleryImage = ind;
    },
    fetchNextGallery: function(galleryId) {
        Mantis.IsraeliMalls.UI.Services.GalleryFetcher.FetchGallery(galleryId, function(result) {
            eventVideoObj = null;
            $("prevEvents").set('html', result);
            Site.setUpPreviosEvents();
            Site.CurrentGalleryId = galleryId;
            Site.currentGalleryImage = 0;
        });
    },
    setUpPreviosEvents: function() {
        var query = window.location.search.substring(1);
        var currImg = 0, currEvent = 1;

        if (query != "") {
            if (query.indexOf("previosEvent") > -1) {
                currEvent = query.substring(query.indexOf("previosEvent"), query.length).split("=")[1].toInt();
            }
            if (query.indexOf("imgN") > -1) {
                currImg = query.substring(query.indexOf("imgN"), query.length).split("=")[1].toInt() - 1;
            }
        }
        if ($E("#previos-events-navigation .navPrev"))
            $E("#previos-events-navigation .navPrev").addReplacingEvent("click", function(e) {
                var href = $(e.target).get('href');
                var galId = href.substr(href.indexOf("previosEvent") + 13);
                $clear(Site.GalleryTimer);
                Site.fetchNextGallery(galId);
            });
        if ($E("#previos-events-navigation .navNext"))
            $E("#previos-events-navigation .navNext").addReplacingEvent("click", function(e) {
                var href = $(e.target).get('href');
                var galId = href.substr(href.indexOf("previosEvent") + 13);
                $clear(Site.GalleryTimer);
                Site.fetchNextGallery(galId);
            });

        if ($("PicturesList")) {
            if (Site.autoPlayGallery) {
                if (Site.GalleryTimer != null)
                    $clear(Site.GalleryTimer);
                Site.GalleryTimer = setInterval(Site.showNextGalleryImage, 3000);
            }
            $("PicturesList").getElements("li").each(function(el, index) {
                var imgNumLink = new Element("a").set("html", (index + 1));
                imgNumLink.href = UrlQueryManager.pageUrl + "?previosEvent=" + currEvent + "&imgN=" + (index + 1);

                imgNumLink.addEvent("click", function(e) {
                    Site._showPrevEventImg(index);
                    $clear(Site.GalleryTimer);
                    return false;
                });
                if (index == currImg) {
                    el.setStyle("visibility", "visible"); //show current Image
                    imgNumLink.addClass("on"); //set on current image link
                }
                $("Paging").adopt(imgNumLink); //

                if (!($("VideoList"))) {
                    if ($("videoTab")) {
                        $("videoTab").setStyle("display", "none");
                        $("sepMenu").setStyle("display", "none");
                    }
                }

            });
        }

    },
    showNextGalleryImage: function(e) {
        var allImages = $("PicturesList").getElements("li");
        if (Site.currentGalleryImage < allImages.length)
            Site._showPrevEventImg(Site.currentGalleryImage++);
        else {
            if ($$(".navNext", ".navPrev").length != 0) {
                if ($E("#previos-events-navigation .navPrev"))
                    Site.fetchNextGallery(Site.currentGalleryId + 1);
                else
                    Site.fetchNextGallery(1);
            }
            else {

                Site.currentGalleryImage = 0;
                Site._showPrevEventImg(Site.currentGalleryImage++);
                
            }
        }
    },
    eventItemMediaTabSwitch: function(tab) {

        if (tab == "images") {


            if ($("PicturesList")) {
                $("PicturesList").setStyle("display", "block");
                $("Paging").setStyle("display", "block");
                $("imagesTab").addClass("on");
            }

            if ($("VideoList")) {
                $("VideoList").setStyle("display", "none");
                $("videoTab").removeClass("on");

                if ((eventVideoObj) && (eventVideoObj.object) && (eventVideoObj.object.pauseVideo)) { eventVideoObj.object.pauseVideo(); }
            }
        }
        else {

            if ($("PicturesList")) {
                $("PicturesList").setStyle("display", "none");
                $("Paging").setStyle("display", "none");
                $("imagesTab").removeClass("on");
            }

            if ($("VideoList")) {
                $("VideoList").setStyle("display", "block");
                $("videoTab").addClass("on");
            }

            if (eventVideoObj == null) {
                eventVideoObj = new Swiff(Config.siteUrl + 'Images/flash/player.swf?file=' + videoFile, {
                    width: 236,
                    height: 208,
                    id: 'EventVideoPlayer',
                    params: {
                        allowFullScreen: "true",
                        allowScriptAccess: "always",
                        bgcolor: "#000000",
                        wMode: "transparent"
                    },
                    container: $('videoPlayer')
                });
            }
        }
    },

    //-----------------------------------------------
    //---set up the page title
    //---not each page have the title
    //-----------------------------------------------
    wrapPageTitle: function(el, bg) {
        var closeImg = new Element('img', {
            'src': Config.siteUrl + 'images/buttons/close.gif',
            'class': 'close'
        }); //CLOSE image

        var closeLink = new Element("a"); //CLOSE link
        closeLink.href = Site.MallUrl; //Config.RootUrl;
        closeLink.adopt(closeImg);

        var titleWrap = new Element("div").addClass("block-wrapper"); //TITLE border wrap
        titleWrap.id = "pageTitle";
        var titleContent = new Element("div").addClass("block-content " + bg);

        titleContent.wraps(el);
        titleContent.adopt(closeLink);
        titleWrap.wraps(titleContent);

    },

    //-----------------------------------------------
    //---set up the page wrap
    //-----------------------------------------------
    wrapPageBody: function(el, bg) {
        var titleWrap = new Element("div").addClass("block-wrapper"); //TITLE border wrap
        titleWrap.id = "pageBody";
        var titleContent = new Element("div").addClass("block-content " + bg);

        titleContent.wraps(el);
        titleWrap.wraps(titleContent);

    },


    loadNextEvents: function() {
        var nextevents = $("next-events").getElements("ul");
        Site.countNextEvents = nextevents.length - 1;

        nextevents[0].fade("in"); //.setStyle("visibility","visible");

        Site.currNextEvent = 0;

        if (nextevents.length > 1) {
            $("next-events-navigation").getElement(".next").addEvent('click', function() {

                if (Site.currNextEvent < Site.countNextEvents) {
                    Site.currNextEvent++;
                    nextevents.fade("out"); //setStyle("visibility","hidden");
                    nextevents[Site.currNextEvent].fade("in"); //setStyle("visibility","visible");
                    if (Site.currNextEvent > 0) {
                        $("next-events-navigation").getElement(".prev").fade("in"); //setStyle("visibility","visible");
                    }
                }
                if (Site.currNextEvent == Site.countNextEvents) {
                    $("next-events-navigation").getElement(".next").fade("out"); //setStyle("visibility","hidden");
                }

            });

            $("next-events-navigation").getElement(".prev").addEvent('click', function() {
                if (Site.currNextEvent > 0) {
                    Site.currNextEvent--;
                    nextevents.fade("out"); //setStyle("visibility","hidden");
                    nextevents[Site.currNextEvent].fade("in"); //setStyle("visibility","visible");
                }
                if (Site.currNextEvent == 0) {
                    $("next-events-navigation").getElement(".prev").fade("out"); //setStyle("visibility","hidden");
                }
                if (Site.currNextEvent < Site.countNextEvents) {
                    $("next-events-navigation").getElement(".next").fade("in"); //setStyle("visibility","visible");
                }

            });
        }
        else {
            $("next-events-navigation").getElement(".next").fade("out");
            $("next-events-navigation").getElement(".prev").fade("out");
        }
    },

    loadSmallCalendar: function() {
        var theDate, dateStr;

        Site.events_arr = "";

        $("events-dates").getElements(".item").each(function(el) {
            Site.events_arr += el.get("html") + ",";
        });

        var dayShortNames, dayLongNames, monthShortNames, monthLongNames, weekendDays, startDay, Imgsrc, ampmShort, ampmLong;
        if (Site.Direction == "rtl") {
            Imgsrc = "";
            weekendDays = [5, 6];
            startDay = 0;
            ampmShort = ['am', 'pm'];
            ampmLong = ['AM', 'PM'];

            if (Site.CultureCode.toLowerCase() == "he") {
                dayShortNames = ['א', 'ב', 'ג', 'ד', 'ה', 'ו', 'ש'];
                dayLongNames = ['ראשון', 'שני', 'שלישי', 'רביעי', 'חמישי', 'שישי', 'שבת'];
                monthShortNames = ['ינו', 'פבר', 'מרץ', 'אפר', 'מאי', 'יוני', 'יולי', 'אוג', 'ספט', 'אוקט', 'נוב', 'דצמ'];
                monthLongNames = ['ינואר', 'פברואר', 'מרץ', 'אפריל', 'מאי', 'יוני', 'יולי', 'אוגוסט', 'ספטמבר', 'אוקטובר', 'נובמבר', 'דצמבר'];

            }
            else if (Site.CultureCode.toLowerCase() == "ar") {
                dayShortNames = ['א', 'ב', 'ג', 'ד', 'ה', 'ו', 'ש'];
                dayLongNames = ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'];
                monthShortNames = ['يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'اكتوبر', 'نوفمبر', 'ديسمبر'];
                monthLongNames = ['يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'اكتوبر', 'نوفمبر', 'ديسمبر'];
                ampmShort = ['صباحا ', 'مساء'];
                ampmLong = ['صباحا ', 'مساء'];
            }
        }
        else {
            Imgsrc = Site.Direction + "/";
            weekendDays = [4, 5];
            startDay = 1;
            dayShortNames = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
            dayLongNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
            monthShortNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            monthLongNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
            ampmShort = ['am', 'pm'];
            ampmLong = ['AM', 'PM'];
        }

        var calendar = new Calendar("calendarSmall", null, {
            tdEvents: Site.events_arr,
            selectedDate: new Date(),
            startDate: new Date(), //new Date(2008,4,1),
            inputType: "none",
            visible: true,
            startDay: startDay,
            weekend: weekendDays,
            allowWeekendSelection: true,
            //				nexTdHTML:"<img src='" + Config.siteUrl + "images/arrows/"+Imgsrc+"fullBlack_L.gif' border='0' alt='' />",
            //				preTdHTML:"<img src='" + Config.siteUrl + "images/arrows/"+Imgsrc+"fullBlack_R.gif' border='0' alt='' />",
            preTdHTMLOff: "<img src='" + Config.siteUrl + "images/general/spacer.gif' border='0' alt='' width='5' height='9'/>",
            language: {
                'days': {
                    'char': dayShortNames,
                    'short': dayShortNames,
                    'mid': dayShortNames,
                    'long': dayLongNames
                },
                'months': {
                    'short': monthShortNames,
                    'long': monthLongNames
                },
                'am_pm': {
                    'lowerCase': ampmShort,
                    'upperCase': ampmLong
                }
            }
        });

    },

    _setMallsList: function() {
        var selects = $$("#footer-wrapper .selecter");

        selects.each(function(item, index) {
            var list = item.getParent().getElement(".selecter-list");
            item.addEvent('mouseover', function(e) {
                list.fade("in");
            });
            item.addEvent('mouseout', function(e) {
                list.fade("out");
            });
            list.addEvent('mouseover', function(e) {
                list.fade("in");
            });
            list.addEvent('mouseout', function(e) {
                list.fade("out");
            });
        });



    },

    //--------------------------------------------------
    //---sets up round corners for each page & shows it
    //--------------------------------------------------
    _setBlockRoundCorners: function() {
        var blocks, el_W, el_H;
        var imgTL, imgTR, imgBL, imgBR;
        var frT, frR, frL, frB;
        var flagToRight, flagToLeft, flagNoSides;

        blocks = document.getElements(".block-wrapper");

        blocks.each(function(e) {
            el_H = e.offsetHeight - 20;
            if (el_H % 2 > 0) { el_H++; }
            if (e.offsetHeight == 0) { el_H = e.getStyle("height").toInt() - 20; }
            el_W = e.offsetWidth - 20;
            if (el_W % 2 > 0) { el_W++; }
            if (e.offsetWidth == 0) { el_W = e.getStyle("width").toInt() - 20; }


            frT = new Element("div").addClass("fr TW");
            frT.innerHTML = "&nbsp;";
            frT.setStyle("width", el_W + "px");
            frR = new Element("div").addClass("fr RH");
            frR.innerHTML = "&nbsp;";
            frR.setStyle("height", el_H + "px");
            frL = new Element("div").addClass("fr LH");
            frL.innerHTML = "&nbsp;";
            frL.setStyle("height", el_H + "px");
            frB = new Element("div").addClass("fr BW");
            frB.innerHTML = "&nbsp;";
            frB.setStyle("width", el_W + "px");

            imgTL = new Element('img', {
                'src': Config.siteUrl + 'Images/frames/corner_TL.png',
                'class': 'corner TL'
            });
            imgTR = new Element('img', {
                'src': Config.siteUrl + 'Images/frames/corner_TR.png',
                'class': 'corner TR'
            });
            imgBL = new Element('img', {
                'src': Config.siteUrl + 'Images/frames/corner_BL.png',
                'class': 'corner BL'
            });
            imgBR = new Element('img', {
                'src': Config.siteUrl + 'Images/frames/corner_BR.png',
                'class': 'corner BR'
            });


            flagToRight = e.getElement(".toRight");
            flagToLeft = e.getElement(".toLeft");
            flagNoSides = e.getElement(".noSides");

            if (flagToRight != null) {
                frT.setStyles({ width: el_W + 5 + "px", right: "5px" });
                frB.setStyles({ width: el_W + 5 + "px", right: "5px" });
                e.adopt(frL);
                e.adopt(imgTL);
                e.adopt(imgBL);
            }
            else if (flagToLeft != null) {
                frT.setStyles({ width: el_W + 5 + "px", left: "5px" });
                frB.setStyles({ width: el_W + 5 + "px", left: "5px" });
                e.adopt(imgTR);
                e.adopt(imgBR);
                e.adopt(frR);
            }
            else if (flagNoSides != null) {

            }
            else {
                e.adopt(imgTR);
                e.adopt(imgBR);
                e.adopt(frR);
                e.adopt(frL);
                e.adopt(imgTL);
                e.adopt(imgBL);
            }


            e.adopt(frT);
            e.adopt(frB);



            e.getElements(".corners-gray").each(function(c) {
                imgTL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_TL.png',
                    'class': 'corner TL'
                });
                imgTR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_TR.png',
                    'class': 'corner TR'
                });
                imgBR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_BR.png',
                    'class': 'corner BR'
                });
                imgBL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_BL.png',
                    'class': 'corner BL'
                });

                c.adopt(imgTL);
                c.adopt(imgTR);
                c.adopt(imgBR);
                c.adopt(imgBL);

            });

            e.getElements(".corners-bottom-gray").each(function(c) {
                imgBR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_BR.png',
                    'class': 'corner BR'
                });
                imgBL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/grayInv_BL.png',
                    'class': 'corner BL'
                });

                c.adopt(imgBR);
                c.adopt(imgBL);

            });

            e.getElements(".corners-top-black").each(function(c) {
                imgTL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_TL.png',
                    'class': 'corner TL'
                });
                imgTR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_TR.png',
                    'class': 'corner TR'
                });

                c.adopt(imgTL);
                c.adopt(imgTR);
            });

            e.getElements(".corners-bottom-black").each(function(c) {
                imgBL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_BL.png',
                    'class': 'corner BL'
                });
                imgBR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_BR.png',
                    'class': 'corner BR'
                });

                c.adopt(imgBL);
                c.adopt(imgBR);
            });

            e.getElements(".corners-bottom-black-top-black").each(function(g) {
                imgBL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_BL.png',
                    'class': 'corner BL'
                });
                imgBR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_BR.png',
                    'class': 'corner BR'
                });
                imgTL = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_TL.png',
                    'class': 'corner TL'
                });
                imgTR = new Element('img', {
                    'src': Config.siteUrl + 'Images/corners/blackInv_TR.png',
                    'class': 'corner TR'
                });

                g.adopt(imgTL);
                g.adopt(imgTR);
                g.adopt(imgBL);
                g.adopt(imgBR);
            });

        });

        if ($("mall-back")) $("mall-back").setStyles({ visibility: "visible" });
    },

    old_setMallBackground: function() {
        var mall, mallWrap, mallContainer, mallBack;
        var mallWidth, mallHeight, topCorner, leftCorner, bordersMargin;
        mall = $("mall-content");
        mallWrap = $("mall-wrapper");
        mallContainer = $("mall-container");
        mallBack = $("mall-back");
        mallContainerBack = $("mall-container-back");
        bordersMargin = 26;

        var content = mall.getElement(".content");

        /*$$(content,mallBack,mallContainer,mallContainerBack,mallWrap.getElement(".mall-back-top-corners"),mallWrap.getElement(".mall-back-bottom-corners")).setStyles({
        width:"auto",height:"auto"
        });*/

        if (content) $waitUntil(function() { return content.getWidth() > 0 && content.getHeight() > 0; }, function() {
            mallWidth = content.getWidth() + bordersMargin;

            if (mallWidth % 2 > 0) { mallWidth++; }
            mallHeight = content.getHeight();
            if (mallHeight % 2 > 0) { mallHeight++; }

            topCorner = 240 - (mallHeight / 2);
            leftCorner = 492 - (mallWidth / 2);

            mallContainer.setStyles({ width: mallWidth + "px", height: mallHeight + "px" });
            mallContainerBack.setStyles({ width: mallWidth + "px", height: mallHeight + "px" });

            $("center-line-top").setStyle("width", mallWidth.toInt() - bordersMargin + 2 + "px");
            $("center-line-bottom").setStyle("width", mallWidth.toInt() - bordersMargin + 2 + "px");
            mallWrap.getElement(".mall-back-top-corners").setStyle("width", mallWidth + "px");
            mallWrap.getElement(".mall-back-bottom-corners").setStyle("width", mallWidth + "px");


            if (Site.Direction == "ltr") {
                mallBack.setStyles({ width: mallWidth + "px", height: mallHeight + bordersMargin + "px", top: topCorner + "px", right: leftCorner + "px", visibility: "visible" });

            }
            else {
                mallBack.setStyles({ width: mallWidth + "px", height: mallHeight + bordersMargin + "px", top: topCorner + "px", left: leftCorner + "px", visibility: "visible" });

            }
            //if(leftCorner==0){alert("mallWidth: "+mallWidth+"\nmall-content--->content width:"+mall.getElement(".content").getStyle("width"));}
            //if(topCorner==0){alert("mallHeight: "+mallHeight+"\nmall-content--->content height:"+mall.getElement(".content").getStyle("height"));}
        });
    }

};
$domready(Site.init);


function makeScrollbar(content, scrollbar, handle, horizontal, ignoreMouse) {
    var steps = (horizontal ? (content.getScrollSize().x - content.getSize().x) : (content.getScrollSize().y - content.getSize().y));
    if (steps <= 0) {
        //means no need for scroller ....
        scrollbar.dispose();
        return false;
    }
    var slider = new Slider(scrollbar, handle, {
        steps: steps,
        mode: (horizontal ? 'horizontal' : 'vertical'),
        onChange: function(step) {
            // Scrolls the content element in x or y direction.
            var x = (horizontal ? step : 0);
            var y = (horizontal ? 0 : step);
            content.scrollTo(x, y);
        }
    }).set(0);
    if (!(ignoreMouse)) {
        // Scroll the content element when the mousewheel is used within the 
        // content or the scrollbar element.
        $$(content, scrollbar).addEvent('mousewheel', function(e) {
            e = new Event(e).stop();
            var step = slider.step - e.wheel * 30;
            slider.set(step);
        });
    }
    // Stops the handle dragging process when the mouse leaves the document body.
    $(document.body).addEvent('mouseleave', function() { slider.drag.stop() });
    return true;
};