protected function createSlider()
    {
        $this->data['slideWidth'] = $this->sliderWidth;
        $this->data['slideHeight'] = $this->sliderHeight;
        $this->data['slidePosition'] = ['left' => 0, 'top' => 0];
        $this->data['arrowSkinId'] = $this->arrowSkinId;
        $this->data['navSkinId'] = $this->navSkinId;

        $this->createSliderContainer();

//Slider Arrows
        if ($this->arrowSkinId) {
            if (array_key_exists($this->arrowSkinId, self::$arrowSkins)) {
                $this->createSliderArrow();
            } else {
                throw new InvalidConfigException("The arrowSkinId '{$this->arrowSkinId}' does not exist.\n
                    Available arrow skins: " . implode(',', array_keys(self::$arrowSkins)));
            }
        }

//Slider Navigation (Bullet or Thumbnail)
        if ($this->navSkinId) {
            if (array_key_exists($this->navSkinId, self::$navSkins)) {
                if ($this->navSkinId[0] === 'b') {
                    $this->createSliderBullet();
                } elseif ($this->navSkinId[0] === 't') {
                    $this->createSliderThumb();
                }
            } else {
                throw new InvalidConfigException("The navSkinId '{$this->navSkinId}' does not exist.\n
                    Available arrow skins: " . implode(',', array_keys(self::$navSkins)));
            }
        }
    }