Hey Guys, I've currently got a simple script which changes some Div elements. The script is below: <script type="text/javascript"> function sw() { var d = document.getElementById('header'); var i = document.getElementById('wrapper'); if (d.style.height == '200px') { d.style.height = '465px'; i.style.backgroundImage = "url('images/bg_body_top.png')"; } else { d.style.height = '200px'; i.style.backgroundImage = "url('images/bg_body_to.png')"; } } </script> I have a button on my website which uses an onclick event to call sw(). Everything on this script works exactly how I want it to work with one exception. I've been digging around trying to find out how cookies work with javascript but appear to be going round in circles. On this page (in the 2 div's) the default height is 465px and default image is images/bg_body_top.png, I'm wanting to setup a cookie so that if the user has clicked the button and made the height 200px and change the image to images/bg_body_to.png a Cookie is set which will last for 1 year so every time they visit the site their preference is already set. I'm getting a little confused with the script I have developed as I'm not sure how to set a cookie for the onclick event which is cancelled when the button is clicked again to change the site back to normal. If anyone could give any suggestions I'd be very greatful. Thank you, Latic