var ADShowerHome = new function() {
    var curIdx = 0;
    var cntTotal = 0;
    var oJQImg; //JQuery object:main ad
    var oJQTumb; //JQuery object:tumb icons
    var sSrcDef = ""; //default image
    var TumbWidth = "176px";
    var TumbCnt = 4;
    var sChangeImg = "";

    //left, right nav button
    var navleftright = function(isLeftBtn) {
        var idx = 0;
        if (isLeftBtn && curIdx > 0) {
            idx = curIdx;
            $("li:nth-child(" + idx + ")", oJQTumb).animate({ width: TumbWidth }, 150);
            curIdx--;
        } else if (!isLeftBtn && curIdx < cntTotal - TumbCnt - 1) {
            idx = curIdx + 1;
            $("li:nth-child(" + idx + ")", oJQTumb).animate({ width: "0px" }, 150);
            curIdx++;
        };
    };

    //change main ad big image
    var changeAD = function(src) {
        sChangeImg = src;
        oJQImg.fadeOut(200, function() {
            oJQImg.attr("src", sChangeImg);
            oJQImg.fadeIn(300);
        });
    };

    //bind
    this.bind = function(oJQAD) {
        if (!oJQAD || !oJQAD.length) return;

        //get ad infors
        oJQImg = $("#adshowerimgb");
        sSrcDef = oJQImg.attr("src");

        //reload bigimages
        var imgBuf = [];

        //change main ad big image
        oJQTumb = $("#adshowernavimg", oJQAD);
        $("li>a", oJQTumb).each(function(i) {
            var sSrc = $(this).attr("mdata");

            imgBuf[i] = new Image();
            imgBuf[i].src = sSrc;

            cntTotal++;

            $(this).mouseover(function(e) {
                $(this).addClass("active");
                changeAD(sSrc);
                //$(this).focus();
            }).mouseout(function(e) {
                $(this).removeClass("active");
            });
        });

        //restore main ad big image
        $("#adshowernavimg", oJQAD).mouseout(function(e) {
            changeAD(sSrcDef);
        });

        //left, right nav button
        $("#adshowernavbtnl", oJQAD).click(function(e) { navleftright(true); return false; });
        $("#adshowernavbtnr", oJQAD).click(function(e) { navleftright(false); return false; });


    };


    this.getdata = function() { return data; };
};