@Override
  public View onCreateView(
      LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    final View rootView = inflater.inflate(R.layout.fragment_image_pager, container, false);

    mContext = getActivity();
    context = getActivity().getApplicationContext();

    // current photo index
    passedIndex = getArguments().getInt(ActivityConstants.TAG_IMAGE_POSITION, 0);
    passedImgId = getArguments().getString(ActivityConstants.TAG_IMG_ID);

    selectedIndex = passedIndex;

    pager = (ViewPager) rootView.findViewById(R.id.pager);

    // getting access token
    accessToken = Config.getInstance().getKey("auth_token");
    Log.d(TAG, accessToken.getToken());

    // getting UI ready
    adapter = new ImageAdapter(getActivity());
    pager.setAdapter(adapter);
    pager.setCurrentItem(passedIndex);
    pager.setTransitionName(passedImgId);
    pager.addOnPageChangeListener(mListener);

    // testing animation function
    /* Transition transition = TransitionInflater.from(getActivity()).inflateTransition(R.transition.changebounds_with_arc);
    getActivity().getWindow().setSharedElementEnterTransition(transition);
    transition.addListener(new Transition.TransitionListener() {
        @Override
        public void onTransitionStart(Transition transition) { }

        @Override
        public void onTransitionEnd(Transition transition) { animateRevealShow(rootView);}

        @Override
        public void onTransitionCancel(Transition transition) { }

        @Override
        public void onTransitionPause(Transition transition) { }

        @Override
        public void onTransitionResume(Transition transition) { }

    });*/

    return rootView;
  }