How to insert a class selector when roll mouse over an image?

How to insert a class selector when roll mouse over an image?

1. I want to have 2 things on my page: an unordered list of links at left, and a grid of images at right. Each item in the list is represented by an image in the grid. This is how it should work: when you mouse over an image, the text link at left changes color. So, I hardly know any jQuery, but I suspect that you need to dynamically insert a css class selector into the <li> for that list item. How in the world do I do this?

2. I am using this plugin: jQuery cycle lite. Is there a way to make the images appear in random order, rather than in the same, fixed order?

If anyone can help me with any of these items, it would be great. Thanks in advance.