$(document).ready(function() {
$('.pics').cycle({ 
    fx: 'fade',
	timeout: 0
});

$('#s4') 
.before('<div id="navc">') 
.cycle({ 
    fx:     'fade', 
    speed:  'slow', 
    timeout: 5000, 
    pager:  '#navc' 
});

$('#goto1').addClass('hov');
$('#goto1').click(function() {
	$(this).addClass('hov');
	$('#goto2').removeClass('hov');
	$('#goto3').removeClass('hov');
	$('#goto4').removeClass('hov');
    $('.pics').cycle(0); 
    return false; 
});
$('#goto2').click(function() {
	$(this).addClass('hov');
	$('#goto1').removeClass('hov');
	$('#goto3').removeClass('hov');
	$('#goto4').removeClass('hov');
    $('.pics').cycle(1); 
    return false; 
});
$('#goto3').click(function() {
	$(this).addClass('hov');
	$('#goto1').removeClass('hov');
	$('#goto2').removeClass('hov');
	$('#goto4').removeClass('hov');
    $('.pics').cycle(2); 
    return false; 
});
$('#goto4').click(function() {
	$(this).addClass('hov');
	$('#goto1').removeClass('hov');
	$('#goto2').removeClass('hov');
	$('#goto3').removeClass('hov');
    $('.pics').cycle(3); 
    return false; 
});
});