var setScroll = function() {
	var scrollerContainer = $("productScrollerWindow")
	var scrollerUl = $$("#productScrollerWindow ul.current")[0]
	var scrollerItems = $$("#productScrollerWindow ul.current li")
	var scrollerPadding = 26
	var scrollerWidth = (scrollerItems[0].getStyle("width").toInt() + scrollerPadding) * scrollerItems.length
	scrollerUl.setStyle("width", scrollerWidth)
        var fxScroller = new Fx.Scroll(scrollerContainer, {"duration": 1000})
        fxScroller.set(0, 0)
        
        if(scrollerItems.length > 6)
            $$("#next, #previous").setStyle("visibility", "visible")
        else
            $$("#next, #previous").setStyle("visibility", "hidden")
        
        $$("#next, #previous").removeEvents().addEvents({
            "mouseout": function() {
                fxScroller.cancel()
            },
            "click": function(e) {
                new Event(e).preventDefault()
            }
        })
        $$("#previous").addEvents({
            "mouseover": function() {
                fxScroller.toLeft()
            }
        })
        $$("#next").addEvents({
            "mouseover": function() {
                fxScroller.toRight()
            }
        })
        
//	var scrollerOffset = scrollerUl.getStyle("width").toInt() - scrollerContainer.getStyle("width").toInt()
//	var fxScroll = new Fx.Scroll($("productScrollerWindow"))
//        if(scrollerItems.length > 6) {
//            $("productScrollerBar").setStyle("display", "block")
//            var scrollBar = new Slider("productScrollerBarWrapper", "dragMe", {
//                wheel: true,
//                onChange: function(step) {
//                    var scrollPosition = Math.ceil(scrollerOffset / 100 * step)
//                    fxScroll.set(scrollPosition, 0)
//                },
//                steps: 100
//            })
//        }
//        else {
//            $("productScrollerBar").setStyle("display", "none")
//        }
//	fxScroll.set(0, 0)
}

$(window).addEvent("domready", function() {
    if($("produtosVinheta")){
	new Swiff("/files/swf/interna/produtos.swf", {
	    container: $("produtosVinheta"),
	    height: 312,
	    params: {wMode: 'none'},
	    vars: {
	      image: '/images/produtos/vinhetas/' + $('produtosVinheta').get('text') + '.jpg'
	    },
	    width: 858
	})
    }

    if($("productScrollerWindow")) {
        setScroll()
        $$("#categoriesTabs li a").addEvent("click", function(e) {
            new Event(e).preventDefault()
            $$("#categoriesTabs li").set("class", "")
            this.getParent().set("class", "current")
            $$("#productScrollerWindow ul").set("class", "")
            $(this.get("href").split("/").getLast()).set("class", "current")
            setScroll()
        })
    }
    
    if($("produtosVerDetail")) {
	var scrollerContainer = $("produtosVerScrollWrapper")
	var scrollerUl = $$("#produtosVerScrollWrapper ul")[0]
	var scrollerItems = $$("#produtosVerScrollWrapper ul img")
	var scrollerPadding = 80
	var scrollerWidth = (120 + scrollerPadding) * scrollerItems.length
	scrollerUl.setStyle("width", scrollerWidth)
	var scrollerOffset = scrollerUl.getStyle("width").toInt() - scrollerContainer.getStyle("width").toInt()
	var fxScroll = new Fx.Scroll(scrollerContainer)
        
        var scroller = new ompScroller("produtosVerDetail")
        var scrollerDetail = new ompScroller(scrollerContainer, {
            nextButton: $("next"),
            previousButton: $("previous"),
            onNext: function() {
                if(this.current.getAllNext().length < 6)
                    this.disable("next")
            }
        })
        if(scrollerItems.length < 6) scrollerDetail.disable("next")
        scrollerItems.addEvent("click", function(e) {
            new Event(e).preventDefault()
            scroller.scrollTo($$("#produtosVerDetail img[src=" + this.get("src").replace("/miniaturas", "") + "]")[0])
            $$("#produtosVerScrollWrapper .current").set("class", "")
            this.getParent().set("class", "current")
        })
    }
})