using header images as sliding background images

Hello, I am trying to use header images as sliding background images in twenty eleven themes.

so far i tried to use cycle query.

<script type='text/javascript' src="https://malsup.github.com/jquery.cycle.all.js"></script>
<script type='text/javascript'>//<![CDATA[
$(function(){
$(document).ready(function() {
    $('#container').cycle({
        timeout: 1000
        ,random: true
    });
});
});//]]>  

</script>

<div id=”container” >
<div style=”background-image:url(<?php echo $header[‘url’]; ?>);”></div>
</div> `

I thought <?php echo $header[‘url’]; ?> this code will get urls of all header images.
but it didn’t work.

any help or advice would be great. thanks.