var TopLooks = 
	function(data)
	{
	    this.current=0;
	    this._data = data;
	    this.pages = Math.ceil(data.length / 9);
	    this.current_page = 0;
        this.selectedClass = 'selected';

        var cont = '',i;

        if (this.pages > 1) {
            YAHOO.util.Dom.get('paginator_toplooks_nav').innerHTML = '<a href="#" id="p_prev">PREV</a>&nbsp;<span id="pages"></span><a href="#" id="p_next">NEXT</a>&nbsp;'
            for (i = 0; i < this.pages; i++) 
                cont += '<a href="#" id="pg_' + i + '">' + (i + 1) + '</a>&nbsp;';
            YAHOO.util.Selector.query('#pages')[0].innerHTML = cont;
            YAHOO.util.Dom.addClass(YAHOO.util.Selector.query('#pg_0')[0], this.selectedClass);
        } else {
           // YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.paginator_toplooks')[0], 'display', 'none');
        }
        
        this.changePage =
            function(to, update)
            {
                var offset = to * (164 * 3) * -1, up;
                if(typeof(update)=='undefined')
                    up = true;
                else
                    up = update;
                this.current_page = to;
                YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('#pages a'), this.selectedClass);
                YAHOO.util.Dom.addClass(YAHOO.util.Selector.query('#pg_'+to), this.selectedClass);
                YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.top-looks-scroll')[0], 'top', offset + 'px');
                if(up)
                    this.change(this.current_page * 9);
            };
        
	    this.change = 
	       function(to)
	       {
                var _target = YAHOO.util.Selector.query('.top-looks-bigpic-content')[0], index,content='',i,ii;
                _target.src = this._data[to].image;
              
                YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('.top-looks-item'), this.selectedClass);
                YAHOO.util.Dom.addClass(YAHOO.util.Selector.query('#item_container_' + to), this.selectedClass);
                this.current = to;
                
                var links = YAHOO.util.Selector.query('.get-this a');
                for(i = 0, ii = links.length; i < ii; i++)
                {
                    links[i]._item_group_name = this._data[to].name;
                    YAHOO.util.Event.removeListener(links[i], 'click', MultiItemPDPHooks.showOutfitsOverlay);
                    YAHOO.util.Event.addListener(links[i], 'click', MultiItemPDPHooks.showOutfitsOverlay);
                }
                if(this.current==0)
                    YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.go-left'), 'display', 'none');
                else
                    YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.go-left'), 'display', 'inline');

                if(this.current==this._data.length-1)
                    YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.go-right'), 'display', 'none');
                else
                    YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query('.go-right'), 'display', 'inline');
	       };

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('#p_prev'), 'click',
            function(e, _this)
            {
                if(_this.current_page > 0)
                    _this.changePage(_this.current_page - 1);
                YAHOO.util.Event.preventDefault(e);
            }, this);

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('#p_next'), 'click',
            function(e, _this)
            {
                if(_this.current_page < (_this.pages - 1))
                    _this.changePage(_this.current_page + 1);
                YAHOO.util.Event.preventDefault(e);
            }, this);

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('#pages a'), 'click',
            function(e, _this)
            {
                var page = parseInt(this.id.split('_').pop());
                _this.changePage(page);
                YAHOO.util.Event.preventDefault(e);
            }, this);

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('.top-looks-item a'), 'click',
            function(e, _data)
            {
                var id = this.id.split('_').pop();
                _data.change(id);
                YAHOO.util.Event.preventDefault(e);
            }, this);

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('.go-left'), 'click',
            function(e, _this)
            {
                if(_this.current > 0) {
                    if(Math.floor((parseInt(_this.current, 10)-1)/9) != _this.current_page) {
                        _this.changePage(Math.floor((parseInt(_this.current, 10)-1)/9), false);
                        _this.change(parseInt(_this.current, 10) - 1);
                    } else
                        _this.change(parseInt(_this.current, 10) - 1);
                }
                YAHOO.util.Event.preventDefault(e);
            }, this);

        YAHOO.util.Event.addListener(YAHOO.util.Selector.query('.go-right'), 'click',
            function(e, _this)
            {
                if(typeof(_this._data[parseInt(_this.current, 10)+1]) != 'undefined') {
                    if(Math.floor((parseInt(_this.current, 10)+1)/9) != _this.current_page)
                        _this.changePage(Math.floor((parseInt(_this.current, 10)+1)/9));
                    else
                        _this.change(parseInt(_this.current, 10) + 1);
                }
                YAHOO.util.Event.preventDefault(e);
            }, this);
	};