(function(){

	var fl = $('#books');
	var navelm = $('#flickableNavi');

	fl.flickSimple({
		snap: 'element',
		onResize: function() {
			var _this = this;
			navelm.find('a').remove();
			for( var i=1; i<=this.pageLength; i++ ) {
				var elm = $(document.createElement('a'));
				elm.click( (function( page ) {
					return function() { _this.goTo( page ); }
				})(i) )
					.attr( 'href', 'javascript:;' )
					.attr( 'id', 'flickpagebtn' + i )
					.html( '●' );
				navelm.append( elm );
			}
			if ( this.page == 1 ) {
				$('#flickbackbtn1').addClass('inactive');
				$('#flickpagebtn1').addClass('active');
			} else {
				$('#flickbackbtn1').removeClass('inactive');
				$('#flickpagebtn1').removeClass('active');
			}
			if ( this.page == 2 ) {
				$('#flickpagebtn2').addClass('active');
			} else {
				$('#flickpagebtn2').removeClass('active');
			}
			if ( this.page == 3 ) {
				$('#flicknextbtn1').addClass('inactive');
				$('#flickpagebtn3').addClass('active');
			} else {
				$('#flicknextbtn1').removeClass('inactive');
				$('#flickpagebtn3').removeClass('active');
			}
		},
		onChange: function() {
			if ( this.page == 1 ) {
				$('#flickbackbtn1').addClass('inactive');
				$('#flickpagebtn1').addClass('active');
			} else {
				$('#flickbackbtn1').removeClass('inactive');
				$('#flickpagebtn1').removeClass('active');
			}
			if ( this.page == 2 ) {
				$('#flickpagebtn2').addClass('active');
			} else {
				$('#flickpagebtn2').removeClass('active');
			}
			if ( this.page == 3 ) {
				$('#flicknextbtn1').addClass('inactive');
				$('#flickpagebtn3').addClass('active');
			} else {
				$('#flicknextbtn1').removeClass('inactive');
				$('#flickpagebtn3').removeClass('active');
			}
		}
	});

	// next button
	$('#flicknextbtn1').click( function() {
		fl.flickSimple( 'nextPage', 1 );
		return false;
	} );
	
	// back button
	$('#flickbackbtn1').click( function() {
		fl.flickSimple( 'prevPage', 1 );
		return false;
	} );
})();