$(function() {
	// vitual tab
	$( '#free, #charge' ).hide();

	if(location.search.match(/\?charge$/)) {
		$( '#charge').show();
		$( '#navi a:last' ).addClass( 'sel' );
	} else {
		$( '#free' ).show();
		$( '#navi a:first' ).addClass( 'sel' );
	}

	$( '#navi a' ).click( function(){
		$( '#navi a' ).removeClass( 'sel' );
		$( this ).addClass( 'sel' );
		var objId = ( $( this ).attr( 'href' ) );
		$( '#free, #charge' ).hide();
		$( objId ).show();
		return false;
	});
	$( '.switch a' ).click( function(){
		$( '#navi a' ).removeClass( 'sel' );
		var query = ( $( this ).attr( 'href' ) );
		var objss =  '#navi a[href*="' + query +'"]';
		$( objss ).addClass( 'sel');
		var objId = ( $( this ).attr( 'href' ) );
		$( '#free, #charge' ).hide();
		$( objId ).show();
		return false;
	});
});