Create mouseover effect

Create html template with javascript/jquery/prototype so that the output looks like google search results page. Notice the arrows after each result. mouseover the arrows should populate the div on the right. The inside design of the right div can be ignored. The inside design of individual search results can also be ignored. As of now, the google search results changes the collor of the >> arrows and the right box to a grey background. We want the color of the mouseovered result to be greyed out as well. If you want, you can completely take out the ">>" arrow and instead show the right div on mouseover the search result. Only condition is that the right div should not go away unless another search result is hovered. Again, should work just like google does. The right box will be fixed. The left half will scroll with the scrollbar. Assume a 90% page width available. We have search results each with a unique id if that helps. We cannot create CSS element for each id because there are thousands of those. Again, we just want a working template which works similar to google search. We want JS, CSS and HTML Code. It should be lightweight and can be based on jquery or prototype. When no link is hovered, we want it to show a default content. Other than that, the entire functionality should mimic google search results page. with Preview functionality.