/*
 * Parameters:
 * width:“700”, (int) the width of the visible area
 * elementsInPage:3, (int) how many elements should be visible on each slide
 * elementMargin:2, (int) the space between each element
 * shadow:“#999 2px 2px 2px”, (string or “false”) the css style for the shadow of each element (doesn’t work in IE)
 * height: “auto”, (int or “auto”) the height of each element in the scroller
 * controls: “#controls”, (sring) the ID of the controls element
 * slideTimer: 600, (int) the time in milliseconds for the transition effect
 * autoscroll: true, (boolean) if it has to start scrolling once initialized or not
 * scrollTimer: 4000, (int) the time in milliseconds each screen should stop
 * nextCallback: function(){}, (function) a callback function on next event
 * prevCallback: function(){}, (function) a callback function on prev event
 * from v. 1.7.0:
 * loadCallback: function(){}, (function) a callback function on load component event
 * changePageCallback: function(){}, (function) a callback function on change event
 */

$(function(){   
    $("#marcas").mbScrollable({
        //dir:"vertical",
        width:155,
        height:"auto",
        elementsInPage:1,
        elementMargin:6,
        //shadow:"3px 3px 3px #777",
        controls:"#controles",
        slideTimer:200,
        autoscroll:true,
        scrollTimer:3000
    });
    setTimeout(function(){
    	$("#wrapper").fadeIn();
	},2000);
});