protected function createSliderThumb()
    {
        $skin = self::$navSkins[$this->navSkinId];
        //Set default value for thumb positon becauce not all skins need this value
        $this->data['template'] = $skin['template'];
        if ($skin['position'] === 'bottom') {
            $this->data['thumb']['containerWidth'] = $this->sliderWidth;
            $this->data['thumb']['containerHeight'] = $skin['containerHeight'];
            if ($skin['calcSlide']) {
                $this->data['slideHeight'] = $this->data['slideHeight'] - $skin['containerHeight'];
            }
        } elseif ($skin['position'] === 'left') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
            $this->data['slidePosition'] = ['top' => 0, 'left' => $skin['containerWidth']];
        } elseif ($skin['position'] === 'right') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
        }

        $skin['s']['$Class'] = '$JssorThumbnailNavigator$';
        $this->mergeSkinSettings($skin, '$ThumbnailNavigatorOptions');
    }