change image of header with effects when i hover on another div

[Wacesesiago]

I have header image in a div and another div with some content below the header div. when ever I hover the content div the header image should change to another image with some effect. Is this can be done with css itself or jquery is needed?..Thank You.