function change_block( id ) {		
	moveTo( id, 'big');
	var num = get_pos( id );
	change_tabs_display( num );
	change_pointer_div( num , jQuery("ul#links > li > div > a#go").size() );
}

function change_pointer_div( pos , max ) {
	switch( pos ) {
		case 1:
		//	jQuery( 'div.backward' ).css({'visibility':' hidden'}); // ховаємо ліву стрілку
			jQuery( 'div.backward' ).hide(); // ховаємо ліву стрілку
		//	jQuery( 'div.forward' ).css({'visibility':'visible' }); // праву показуємо
			jQuery( 'div.forward' ).show(); // праву показуємо
			jQuery( 'div.forward' ).children('a#go').removeClass();
			jQuery( 'div.forward' ).children('a#go').addClass( 'wp_02' );
		break;

		case max:
		//	jQuery( 'div.backward' ).css({'visibility':'visible' }); // показуємо ліву стрілку
			jQuery( 'div.backward' ).show(); // показуємо ліву стрілку
		//	jQuery( 'div.forward' ).css({'visibility':' hidden'}); // праву ховаємо
			jQuery( 'div.forward' ).hide(); // праву ховаємо
			jQuery( 'div.backward > a#go').removeClass();
			jQuery( 'div.backward > a#go').addClass( set_cid(max-1) );
		break;

		default:
			// показуємо усьо
		//	jQuery( 'div.backward' ).css({'visibility':'visible' });
			jQuery( 'div.backward' ).show();
			jQuery( 'div.forward' ).show(); 
		//	jQuery( 'div.forward' ).css({'visibility':'visible' }); 
			
			jQuery( 'div.backward > a#go').removeClass();
			jQuery( 'div.backward > a#go').addClass( set_cid( pos - 1) );
			
			jQuery( 'div.forward > a#go').removeClass();
			jQuery( 'div.forward > a#go').addClass( set_cid( pos + 1 ) );
		break;
	}
}

function change_tabs_display( pos ) {
	pos--;
	jQuery('ul#links > li').each( function( i ) {
		if( i == pos ) {
		//	jQuery( this ).children('div.default_link').css({'visibility':' hidden'});
			jQuery( this ).children('div.default_link').hide();
		//	jQuery( this ).children('div.default_link_a').css({'visibility':'visible' });
			jQuery( this ).children('div.default_link_a').show();
		} else {
		//	jQuery( this ).children('div.default_link').css({'visibility':'visible' });
			jQuery( this ).children('div.default_link').show();
			jQuery( this ).children('div.default_link_a').hide();
		//	jQuery( this ).children('div.default_link_a').css({'visibility':' hidden'});
		}
	});	
}

function moveTo(divId, mainId) {			
	var topIn = parseInt( jQuery("#"+divId).css("top") );		
	var leftIn = parseInt( jQuery("#"+divId).css("left") );
	jQuery("#"+mainId).stop();			
	// leftIn = leftIn.replace(/px/, "");
	// topIn = topIn.replace(/px/, "");
	leftIn = leftIn - 0;
	topIn = topIn - 92;
	jQuery("#"+mainId).animate({ 
		top: "-"+topIn,
		left: "-"+leftIn
		}, 2000 );
	return false;		
}

function get_pos( str ) {
	return parseInt( str.split('_')[1] );
}

function set_cid( id ) {
	if( id < 1) {
		return 'wp_01';
	} else {
		return  'wp_'+((id < 10)?'0'+id:id); //дописуємо нуль, якщо потрібно
	}
}

jQuery(document).ready(function(){
/*	jQuery("ul#links > li").eq(0).children('div.default_link').css({'visibility':' hidden'});
	jQuery("ul#links > li").eq(0).children('div.default_link_a').css({'visibility':'visible' });*/
	change_block( 'wp_01' );
	jQuery("#big").draggable( 'option' , 'revert' , true );

	jQuery("ul#links > li > div > a#go").each(function( i ){
		jQuery( this ).bind ( "click",function() {
			change_block( this.className );
		});
	});

	jQuery("div.backward").bind( 'click' , function() {
		change_block( jQuery( 'div.backward > a#go').attr('class') );
	});
	jQuery("div.forward").bind( 'click' , function() {
		change_block( jQuery( 'div.forward > a#go').attr('class') );
	});
	jQuery( 'div.backward').hide();
});