var scroller = {
    height : 150,
    width : 300,
    scrollerDiv : 'keyFeaturesScroller',
    rows : '',
    position : 0,
    speed: 2, //higher number is slower
    pause: 2,
    next : function() {
        if(!$("scrollerItem_1")) return;
        new Effect.Move("keyFeaturesScrollerItemContainer", {
            x: -parseInt(this.width),
            y: 0,
            mode: 'relative',
            duration: this.speed,
            afterFinish: function() {
                scroller.position = scroller.position + 1;
                if(scroller.position > scroller.rows) {
                    scroller.position = 1;
                }

                scroller.nextItem = $("scrollerItem_"+scroller.position).innerHTML;
                $("scrollerItem_"+scroller.position).remove();

                $("keyFeaturesScrollerItemContainer").insert('<div id="scrollerItem_'+scroller.position+'" class="scrollerItem" style="height:'+scroller.height+'px;width:'+scroller.width+'px">'+scroller.nextItem+"</div>");

                $("keyFeaturesScrollerItemContainer").setStyle({
                    left:"0px"
                })

                setTimeout("scroller.next();",scroller.pause*1000);
                
            }
        });
    }
}


function getUrlVars()
{
    var parts = window.location.pathname.split("/");

    return parts;
}

document.observe( "dom:loaded", function() {
//    if($("keyFeaturesScroller")) {
//        var get = getUrlVars();
//        new Ajax.Request('/site_includes/xhr_scroller.php', {
//            method:     'POST',
//            parameters: 'scrollerDiv='+scroller.scrollerDiv+'&height='+scroller.height+'&width='+scroller.width+'&products_slug='+get[3]+'&category='+get[2],
//            onSuccess: function(t) {
//                var info = t.responseText.evalJSON();
//                $(scroller.scrollerDiv).update(info.output);
//                /*$(scroller.scrollerDiv).addClassName("scrollerBody");*/
//                $(scroller.scrollerDiv).setStyle({
//                    'width':scroller.width+'px',
//                    'height':scroller.height+'px'
//                });
//
//                scroller.rows = info.rows;
//                if(scroller.rows > 1) {
                  
                    //alert("timer");
                    setTimeout("scroller.next();",scroller.pause*1000);
                  
//                }
//            }
//        });
//    } else {
//        alert("error");
//    }
});