How to modify this code

Hi I have given up waiting for you to implement quality switching or simple hd toggle on and off so I found out how to do it myself.

I am using this code:

<div id="myElement"></div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
      image: "my jpeg",
      width: "100%",
      aspectratio: "16:9",
      sources: [{
        file: "my HD file"
      },{
        file: "my 360p file"
      }]
    });
</script>

Here is what i want to do:

I want to modify this code for two reasons. I would like to change the colors for the default skin “seven”
I have tried this:

        skin : {
              name:"seven",
              active:"lightgray",
              inactive:"purple",
              background:"#BADA55"
               }

^^^^^ that did not work at all I tried many variations. PLEASE TELL ME HOW TO INCORPORATE THIS INTO MY ORIGINAL WORKING CODE.

i also would like to know what code I can insert to my original working code to make the mouse cursor disappear once you put the player into full screen. right now it does not disappear even though controls disappear.

Thanks for your help

_ Steven