$(function(){

    // main feature
    $('#feature')
    //.after('<div id="feature-nav"><a class="prev" href="#">Prev</a><a class="next" href="#">Next</a></div><div id="feature-pager"><div></div></div>')
    .cycle({
        'pause': true,
        'pauseOnPagerHover': true,
        'timeout': 3000,
        'cleartype': true,
        'cleartypeNoBg': true
        //'pager': '#feature-pager > div',
        //'next': '#feature-nav .next',
        //'prev': '#feature-nav .prev'
    });

    $('#overlay-feature')
    //.after('<div id="overlay-feature-nav"><a class="prev" href="#">Prev</a><a class="next" href="#">Next</a></div>')
    .cycle({
        'pause': true,
        'pauseOnPagerHover': true,
        'timeout': 3000,
        'cleartype': true,
        'cleartypeNoBg': true,
        'startingSlide': getSlide()
        //'next': '#overlay-feature-nav .next',
        //'prev': '#overlay-feature-nav .prev'

    });

	// centre IE7 pager
	if($.browser.msie && parseFloat($.browser.version) < 8){
		var pager = $('#feature-pager > div');
		pager.css({
			'width': pager.width(),
			'float': 'none'
		});
	}
});

function getSlide()
{
  var regex = new RegExp("[\\?&]slide=([^&#]*)");
  var results = regex.exec(window.location.href);
  if(results == null)
    return 0;
  else
    return parseInt(decodeURIComponent(results[1].replace(/\+/g, " ")));
}