// JavaScript Document
// Slideshow for Starwood
// Baed on JQUERY'S Slide Plugin

$(function() {    
    $('#slideshow').hover(
        function() { $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );
	
    
   $('#slides').before('<ul id="navigation">').cycle({
        fx:     'fade',
        speed:   1000,
        timeout: 10000,
        next:   '#next',
        prev:   '#prev',
		pager:  '#navigation',
		pagerAnchorBuilder: function(idx, slide) {
			/* EACH LIST ITEM HAS A SPECIFIC ID, TO CHANGE THE HOVER STATE OF THE IMAGE */
            return '<li class="nav_item"><a id="nav_' + $(slide).attr('id') + '" href="#"></a></li>';
        }		
    });
});