// JavaScript Document
// redefine Cycle's updateActivePagerLink function 
$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
    $(pager).find('li').removeClass('activeLI') 
        .filter('li:eq('+currSlideIndex+')').addClass('activeLI'); 
}; 

$(function() {
    $('#slideshow').before('<ul id="nav" class="thumb_bg" >').cycle({
        fx:     'fade',
        speed:  'fast',
        timeout: 0,
        pager:  '#nav',
		pagerEvent: 'mouseover',
        pagerAnchorBuilder: function(idx, slide) {
			if (idx == 0)
			{
            	return '<li style="margin-left:32px;margin-top:15px;"><a href="#"><img src="images/thumb01.png" alt="" width="72" height="55" /></a></li>';
			}
			if (idx == 1)
			{
            	return '<li style="margin-top:15px;" ><a href="#"><img src="images/thumb02.png" width="72" height="55" alt="" /></a></li>';
			}
			if (idx == 2)
			{
            	return '<li style="margin-top:15px;"><a href="#"><img src="images/thumb03.png" width="72" height="55" alt="" /></a></li>';
			}			
				
        }
    });
});