jQuery( document ).ready( function() {
	jQuery( '#cat-button' ).fancybox({
		width: 700,
		height: 450,
		autoDimensions: false,
		hideOnContentClick: false
	});

	var $catalogs = jQuery( '.catalog' );
	var max = $catalogs.length;

	$catalogs.each( function() {

		var $cat = jQuery( this );

		var cat_cur_nr = $cat.attr( 'rel' ) * 1;

		var cat_prev_nr = cat_cur_nr - 1;
		var cat_prev_id = cat_cur_nr - 2;

		if( cat_cur_nr == 1 ) {
			var cat_prev_nr = max;
			var cat_prev_id = max - 1;
		}

		var cat_next_nr = cat_cur_nr + 1;
		var cat_next_id = cat_cur_nr;

		if( cat_cur_nr == max ) {
			var cat_next_nr = 1;
			var cat_next_id = 0;
		}
		
		$cat_nav = jQuery( '<div><div class="nav"><span class="cat-nav-left">< </span><span id="cat-count">'+cat_cur_nr+'</span> / <span id="cat-max">'+max+'</span><span class="cat-nav-right"> ></span></div></div>' );

		$cat.append( $cat_nav.html() );

		$cat.find( '.cat-nav-left' ).click( function() {

			$cat.fadeOut( function() {
				$cat_prev = jQuery( '#cat-'+cat_prev_id ).fadeIn();
				jQuery( '#fancybox-content > div' ).append( $cat_prev );
			});

		});

		$cat.find( '.cat-nav-right' ).click( function() {

			$cat.fadeOut( function() {
				$cat_next = jQuery( '#cat-'+cat_next_id ).fadeIn();
				jQuery( '#fancybox-content > div' ).append( $cat_next );
			});

		});

	});

});