/** RATHER THAN NOTIFYING THE DATA AND REFRESHING THE DATA USING ON TOUCH LISTENER.
 ** A CUSTOM STATELISTDRAWABLE IS CREATED FOR THE IMAGEVIEW SO IT WILL KNOW WHAT TO
 ** SHOW WHEN THE IMAGE IS IN A SELECTED STATE. YOU SHOULD NOTICE THERE IS A "-" ON
 ** THE FIRST STATE. THIS IS TO STATE THAT THE REFERED STATE IS FALSE.
 **/


override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
    var view = LayoutInflater.from(parent?.context).inflate(R.layout.setting_headers, parent, false)
    view.findViewById<TextView>(android.R.id.title).also {
        it.text = getItem(position).getTitle(parent?.resources)
    }


    view.findViewById<ImageView>(R.id.image).also {
        StateListDrawable().also { statedrawable ->
            statedrawable.addState(intArrayOf(-android.R.attr.state_activated),
                    getDrawable(view.context, getItem(position).iconRes))
            statedrawable.addState(intArrayOf(android.R.attr.state_activated),
                    getDrawable(view.context, newImageArray[position]))
            it.setImageDrawable(statedrawable)
        }
    }

    return view
}