padding effect

i am using jquery tab from this website http://jqueryui.com/demos/tabs/

i have created an example on my website please check this link
http://sudhakargolakaram.co.in/tabs.html


the effect i want is, when i click on the pink image the image on th e left which is the blueish image that should change to a different image as i have mentioned under the Click state below the first example

i need to modify the following code i guess

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
/*padding: 12px 17px 0 17px; height: 24px;*/
float: left; outline: 0; color: #93b650; background-color: #555;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}


how can i change the code of the css so that i can get the effect i am looking for

thanks

I think that would be more of Jquery not css...