That worked, but what I'm trying to do is get an image to appear when it is muted, and another one when it is not. Much like the 2 examples below. For some reason I can't figure it?
THANKS
<element type="Icon" image="Images\wm_paused.png" xAnchor="Panel.Center" x="-21" yAnchor="Panel.Bottom" y="-99" width="42" height="41" onClick="PlayPause" visibleTrigger="Playing"></element>
<element type="Icon" image="Images\wm_playc.png" xAnchor="Panel.Center" x="-20" yAnchor="Panel.Bottom" y="-100" width="40" height="40" onClick="PlayPause" visibleTrigger="NotPlaying"></element>
<element type="Icon" image="Images\shuffle.png" xAnchor="Panel.Center" x="-174" yAnchor="Panel.Bottom" y="-92" width="25" height="25" onClick="ShuffleToggle" visibleTrigger="ShuffleOn"></element>
<element type="Icon" image="Images\Rdio_Style_Shuffle_Onb.png" xAnchor="Panel.Center" x="-170" yAnchor="Panel.Bottom" y="-90" width="20" height="20" onClick="ShuffleToggle" visibleTrigger="ShuffleOff"></element>