$(document).ready(function() {

    $('#slideshow').after('<ul id="nav">').cycle({
        fx:     'none',
        speed:  '0',
        timeout: 0,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" height="25" /></a></li>';
        }
    });
    
        // the anchor builder callback just needs a reference to the dom element to attach the slide function to.  in this case we just give it the appropriate index of the header with class sect_select.
    	$('#sect_cakes').cycle({ fx:'none', speed:'0', timeout: 0, pager:  '#cake_nav',
        pagerAnchorBuilder: function(idx, slide) {        
            //return '<li><a href="#">' + slide.src + '</a></li>';
            return  $(".sect_select")[idx];
            }
            });




});



/*





    $('#slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	

	$('#slideshow').cycle({Κ
ΚΚΚΚ	fx:Κ'fade' // doesnt work
	});



	
	





*/