//js page object

var Page = {
    /**
     * initializes with the document
     */
    init: function() {
		// how to guide slider
		// --------------------------------------------------
	    $('.how-to-guide .slides').cycle({
	        fx:      'scrollHorz',
	        timeout: 7000,
	        pager:   '.how-to-guide .pager ul',
	        speed: 500,
	        slideExpr: 'div',
	        pagerAnchorBuilder: pagerFactory,
	    });
		
		function pagerFactory(idx, slide) {
	        return '<li><a href="#">' + (idx+1) + '</a></li>';
	    };
    }
};